Monday, November 23, 2015

Membuat Tool Responsive Test Di Blogger

responsive test tool untuk blog

Seiring perkembangan tekhnologi saat ini semua website diharuskan mendukung fitur Responsive agar situs dapat diakses dengan mudah di pada mobile browser, mengingat pengguna internet saat ini tidak hanya menggunakan desktop saja untuk mengakses internet melainkan dengan mobile phone. Google sendiri juga meluncurkan Algoritma Mobilegeddon yang nantinya akan membedakan mana situs yang mobile friendly dan bukan mobile friendly, ini artinya google ingin lebih meningkatkan user experience untuk versi mobile.

Nah pada kesempatan ini saya juga membuat tool generator sendiri di blogger berupa responsive tester agar aktivitas blogging saya menjadi lebih mudah dan efisien. Responsive tester ini akan menguji tampilan sampai batas width seminimal  mungkin yaitu 100px . Tool ini saya buat sebagai pelengkap dari beberapa tool generator blogger sebelumnya agar nantinya bisa menjadi lebih mudah dalam penggunaanya tanpa harus bolak balik mengunjungi situs tool online, karena saya mengemasnya pada satu halaman depan dalam bentuk menu navigasi.

Baca juga : Membuat Tool Modifikasi Design Blogger.

Untuk penampakannya seperti gambar dibawah ini :

responsive tester

Bagi kalian yang ingin menguji seberapa maksimal tampilan blog di beberapa web browser bisa lihat di Responsive Tester

Untuk penggunaannya sangat mudah dan simple, silakan masukkan url yang akan di uji tampilannya kemudian klik Go ( Enter ). Gunakan tombol 1 sampai 9 untuk melihat tampilan responsive sesuai masing masing maximal width.

* Tombol F untuk ukuran Fullscreen 
  min-width 940px - max-width 1024px
* Tombol 9 untuk ukuran max-width 900px
* Tombol 8 untuk ukuran max-width 800px
* Tombol 7 untuk ukuran max-width 700px
* Tombol 6 untuk ukuran max-width 600px
* Tombol 5 untuk ukuran max-width 500px
* Tombol 4 untuk ukuran max-width 400px
* Tombol 3 untuk ukuran max-width 300px
* Tombol 2 untuk ukuran max-width 200px
* Tombol 1 untuk ukuran max-width 100px