Cara Sederhana Menguji Responsive Template

Assalamu'alaikum

Beberapa hari terakhir ini sibuk obrak-abrik template. Dari yang hitam menjadi putih byar. Untuk mengganti suasana supaya para sobat, teman, dan tamu yang sudah berkenan mampir ke Blog tidak bosan. Ya walaupun bekerjsama cak Budy suka sekali dengan template yang kemarin, alasannya yaitu jujur saja saya suka sekali warna hitam dan paling nggak suka dengan warna putih. Kalau nggak suka warna putih kenapa kini pakai template putih? Ya ndak apa-apa kan.. siapa tau dengan begini saya jadi suka warna putih..

Seperti yang sudah cak Budy bilang kemarin di artikel Award Dari Blog Nakusan Bali Technology, bahwa proses pencarian template ini tidak mudah. Saya harus mendaki 7 gunung, menuruni 7 jurang, mengarungi 7 lautan, serta ngedhuk 7 sumur. Tapi semua usaha itu sepadan dengan hasilnya. Template gres ini kelihatannya lebih keren menyerupai adminnya (diharap semuanya oke dan harus setuju)

Tampilan usang template

Dan lagi tampaknya template gres ini yaitu responsive template.. tampaknya lho ya. katanya para master sih template responsive itu yaitu template yang tampilannya dapat berubah menyesuaikan ukuran resolusi layar platform atau device yang digunakan. Tidak hanya ukuran saja yang berubah, tapi model dan susunan template pun dapat berubah.

Berdasarkan uraian diatas, hasilnya saya mencoba apa benar template ini dapat menyerupai itu. Tapi untuk mencobanya saya tidak perlu membuka blog ini melalui beberapa device menyerupai dengan smartphone atau Blackberry.. maklum saja soalnya saya tidak punya kedua alat tersebut... #sedih

Akhirnya saya mencoba memakai cara sederhana menguji responsive template lewat browser si Rubah Api alias Mozilla Firefox saja dengan merubah ukuran browser ketika ditampilkan. Biar kita dapat sepaham, dapat anda lihat di screenshot berikut ini :

Tampilan sajian header dalam ukuran normal

Tampilan sajian header berubah ketika ukuran jendela browser diperkecil

Ukuran gambar postingan dan posisi sidebar ketika ukuran normal

Ukuran gambar menjadi kecil mengikuti ukuran jendela browser bila memungkinkan dan posisi sidebar pindah ke bawah

Ukuran kolom komentar pun ikutan berubah sesuai ukuran jendela browser

Entah mengapa iklan yang saya sisipkan tidak dapat ikut menjadi responsive, jadi tetap sesuai dengan ukurannya semula. Mungkin bila ada dari rekan-rekan yang mengetahui kenapa kok dapat menyerupai itu silahkan menambahkan di kolom komentar.

Anda dapat melaksanakan uji coba sendiri dengan cara sederhana menguji responsive template diatas untuk mengetahui apakah template blog anda sudah responsive atau belum.

Wassalamu'alaikum

Sumber http://sinichinet.blogspot.com

Berlangganan Informasi Terbaru: