Membuat Tampilan Halaman Blog Sederhana Dengan Bootstrap

16/10/2015    Faizal Rafik    2317     Website

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

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More