Membuat Tampilan Halaman Blog Sederhana Dengan Bootstrap

Baik teman-teman pada tutorial kali ini saya akan mengajarkan bagaimana caranya membuat tampilan halaman blog sederhana dengan Bootstrap. Nah pada tutorial sebelumnya saya juga sudah mengajarkan bagaimana caranya membuat halaman gallery dengan Bootstrap. Dengan Bootstrap kita mampu membuat halaman website dengan begitu cepat dan rapih, selain cepat dan rapih kita juga mampu membuat webite yang dapat di buka di berbagai ukuran layar atau resolusi. Nah kali ini kita akan coba membuat tampilan halaman blog sederhana dengan Bootstrap. Baik kita akan coba langsung membuatnya ya teman-teman.

Bahan pertama yang perlu kita siapkan adalah kita download terlebih dahulu file Bootstrap seperti CSS dan jQuery nya, setelah kalian download maka struktur file Bootstrap nya seperti gambar di bawah ini.

Selanjutnya kalian bisa memanggil file CSS dan jQuery Bootstrap yang sudah kalian download tadi ke dalam file HTML kalian seperti gambar di bawah ini.

Berikutnya kalian bisa buat struktur HTML nya seperti gambar di bawah ini.

Kita akan coba membuat tampilan blog yang ada bagian sidebarnya di sebelah kiri, maka strukturnya seperti gambar di atas.

Selanjutnya kalian bisa isi pada bagian sidebarnya seperti gambar di bawah ini.

Dan untuk isi pada bagian sebelah kanannya atau pada bagian blognya, kalian bisa isi seperti gambar di bawah ini.

Maka nanti hasilnya akan seperti ini.

Nah untuk teman-teman yang ingin mendownload baris program keseluruhannya, teman-teman bisa mendownloadnya di link download di bawah ini.

Demo | Download

16 Oktober 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat