Membuat Template Responsive Untuk Blogger/ Blogspot

8:07 AM
Membuat Template Responsive Untuk Blogger/ Blogspot: Para mastah bilang, katanya sekarang ini zamannya responsive webdesign; yaitu suatu desain web/ blog yang dapat menyesuaikan diri secara otomatis terhadap resolusi layar yang sedang membukanya. Misalnya, apabila seseorang membuka sebuah blog yang telah menggunakan template responsive dengan perangkat yang memiliki resolusi screen 320 piksel, maka blog tersebut akan menyesuaikan diri menjadi 320 piksel. Sudah tahu, khan?

Membuat Template Responsive Untuk Blogger/ Blogspot

Membuat Template Responsive Untuk Blogger/ Blogspot

Nah, kemarin malam saya mencoba melakukan editing pada template blog ini, maksudnya tidak lain supaya dapat menjadi responsive juga, sehingga Kawan Blogger semakin mudah diakses dari berbagai perangkat mobile seperti tablet terbaru atau deskbook. Sayangnya, ternyata membuat tampilan blog yang responsive lumayan ribet juga meski yang diedit hanya sebatas pada bagian CCS-nya saja, sehingga terpaksa saya gunakan template responsive ini dalam versi beta.

Membuat desain blog responsive secara teori sangat mudah, yaitu hanya dengan cara menambahkan kode @media screen and (max-width:xxxxpx) { ...kode css ...} pada bagian CSS template blog. Akan tetapi, pada kenyataannya lumayan rumit karena ada banyak kode CSS yang harus ditambahkan. Semakin kompleks desain template blog, maka semakin rumit juga untuk dijadikan template responsive. Oleh karena itu banyak juga blogger yang menggunakan template responsive versi beta.

Artikel Terkait

Previous
Next Post »