Membangun Template Blogger Yang Responsif Dengan Bootstrap

Alex 2/05/2015

Design, Inspiration

Bootstrap menjadi salah satu Framework pilihan bagi para web designer, dengan menggunakan Bootstrap web designer lebih hemat dalam menggunakan waktu dan tenaganya karena tidak perlu membangun dari awal tema sebuah website. Kebanyakan dari mereka yang menggunakan bootstrap adalah para web designer dengan platform website CMS (Content Management System) seperti wordpress, masih jarang kita temui sebuah template blogger yang menggunakan bootstrap dalam membangun tampilan sebuah blog.

Berikut adalah beberapa contoh template blogger yang dibuat oleh Dimas Aresuki menggunakan Bootstrap, selain mendapatkan tampilan blog yang menarik dan rapi, anda juga akan mendapatkan sebuah tampilan responsif dalam template blogger anda yang akan menyesuaikan dengan perangkat yang digunakan oleh pengguna, baik mobile, tablet, maupun desktop.

Sendang Blogger Template

Sendang Blogger template dibangun menggunakan sebuah framework dari bootsrap dengan versi Bootstrap 3.3.1 sehingga didapatkan sebuah tampilan minimalis yang menarik dengan layout 2 kolom utama. Selain itu didapatkan pula sebuah menu navigasi yang responsif yang bisa diedit sesuai dengan keinginan. Font utama yang digunakan dalam Sendang adalah font Roboto Slab yang bisa anda dapatkan di Google Font, pada Heading seperti h1, h2, h3, h4 dan h6 menggunakan Font Lobster. Juga ada satu lagi font yang menarik yaitu Fjalla One, font yang satu ini juga cocok digunakan untuk Judul dan Heading.

BootPonsive Blogger Template

Dibangun menggunakan Bootstrap 3.1.1 yaitu versi bootstrap yang hadir lebih dahulu jika dibandingkan dengan Sendang, dibuat pada bulan juni 2014 template ini memang awalnya dibuat untuk melakukan tes penggunaan template bootstrap pada blogger, namun kini sudah mengalami banyak perubahan. Dilengkapi dengan tema opsional dan juga Carousel yang membuat template ini menjadi sangat menarik, template ini menggunakan sistem Font default yang ada pada Bootstrap, selain itu menu navigasi yang berada ditengah-tengah dan diatas carousel membuatnya tampak cantik.

Selain bootstrap masih banyak framework populer lainnya seperti pure css, metro ui css dan foundation css. framework menarik lainnya akan dibahas dan diaplikasikan pada template blogger selanjutnya.