Tips Cara Test Responsive Blog Template

Template Responsive menurut saya adalah Template yang mengikuti resolusi device yang ada, misal kita membuka Website atau Blog di PC, Template akan otomatis mengikuti resolusi layar pc, begitu juga dengan Smartphone dan Handphone.

Untuk mengetes blog tersebut responsive atau tidak, pastikan Anda sudah menginstal dua aplikasi yaitu Mozila Firefox dan Google Chrome, kalau satu saja sih boleh juga, hehe. Disini saya mengunakan Mozila Firefox Versi 32 dan Google Chrome Versi 38,

di sarankan agar Versi Jadul harap di Update dulu.

Untuk Mozila Firefox

• Buka Mozila Firefox anda, klik Icon Open Menu yang ada di sebelah Pojok Kanan Atas, lalu akan keluarMenu seperti gambar di bawah

• Pilih dan Klik Developer

• Pilih dan Klik Responsive Design View,
• Untuk lebih Cepatnya anda juga bisa menggunakan HotKey Ctrl+Shift+M
• Setelah itu akan muncul pengaturan Resolusi seperti pada gambar di bawah

• Terlihat disitu saya menggunakan resolusi 320x480, anda bisa merubah resolusi di atas sesuai opsi resolusi yang ada, atau anda juga bisa mengcostum resolusi sesuai keinginan anda.

Untuk Google Chrome

• Buka Google Chrome anda, Klik Icon Costumize And Control Google Chrome yang ada di Pojok Kanan Atas Google Chrome, pilih More Tools dan pilih Developer Tools

• Anda bisa mempercepat dengan menggunakan HotKey Ctrl+Shift+I

Lalu akan muncul

• Anda bisa memilih resolusi yang di sediakan Google Chrome