[Tested] Cara Test Responsive Template Latest Update

Bagi anda yang sering berurusan dengan Template Website atau Blog, saya rasa kata Responsive Web Design tidak asing lagi buat anda, tapi bagi yang belum tau atau belum paham apa itu Responsive Web Design, saya akan Flash & Reset pengertiannya dulu.
Responsive Web Design?
Responsive Web Design adalah sebuah teknik yang digunakan untuk membuat layout internet site menyesuaikan diri dengan tampilan tool pengunjung, baik ukuran maupun orientasinya. Jadi tampilan yang berada di laptop komputer dengan tampilan yang diakses melalu SmartPhone misalnya, itu akan berbeda tampilannya. Responsive Web Design Untuk mengetes tampilan yang menggunakan teknik Responsive tersebut tidak harus mengaksesnya melalui cellular device ataupun device lainnya, namun cukup dengan meminimize browser saja ke dalam ukuran mobile device yang diinginkan, kita sudah dapat melihat tampilan website kita pada layar cell tool.
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 laptop, begitu juga dengan Smartphone dan Handphone.
Tapi di postingan ini saya tidak membahas lebih element tentang Responsive Template, karena saya hanya ingin memflash & Reset bagaimana anda bisa Menguji Responsive Atau Tidak Template Website Atau Blog Hanya Memakai Satu Perangkat Saja (Leptop/PC).
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,
NOTE: Saya sarankan untuk yang memakai Versi Jadul harap di Update dulu.
Langsung Saja
1.untuk Mozila Firefox

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

• Pilih dan Klik Developer

• Pilih dan Klik Responsive Design View, 

NOTE: 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.

2. 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

NOTE: Anda bisa mempercepat dengan menggunakan HotKey Ctrl+Shift+I

• Lalu akan muncul 

• Anda bisa memilih resolusi yang di sediakan Google Chrome

Sekian dulu postingan saya kali ini, mudah mudahan bisa bermamfaat untuk Para Pembaca.

Lihat juga Videonya

[Tested] Cara Memasang Meta Tag Bing di Blog Latest Update

Sama halnya dengan Google Webmaster Tools, yaitu bertujuan untuk mengindex web atau blog kita ke mesin pencari Bing, dan masih banyak fitur yang bisa dimamfaatkan pada Bing Webmaster Tools.
Langsung saja tahap konfigurasinya.

1.  Silakan buka situs Bing Webmaster Tools, Jika sudah punya akun Microsoft silakan langsung Sign In, akan tetapi jika belum,anda harus mendaftarkan dulu pada akun Micrososft Sign Up.

2. Jika sudah login tinggal tambahkan weblog anda pada kolom seperti gambar di bawah ini.

3. Klik ADD, maka akan muncul seperti gambar berikut ini

4. Jika Mau menambahkan Sitemap, maka tambahkan sitemap seperti berikut ini, letakkan pada colom Add a sitemap, Jangan lupa ganti nama blog sobat.
Jika artikel weblog masih di bawah 500
//nama-log-anda.blogspot.com/atom.xml?Redirect=fake&begin-index=1&max-consequences=500
Jika Artikel Blog sudah di atas 500
//nama-blog-anda.blogspot.com/atom.xml?Redirect=false&start-index=501&max-results=1000
Jika Artikelblog sudah di atas 1000
//nama-blog-anda.blogspot.com/atom.xml?Redirect=false&start-index=1001&max-results=5000
5. Klik ADD maka akan muncul 3 opsi, ambil opsi kedua saja, yaitu dengan menambahkan tag di tempalte weblog kita.

6. Kemudian salin dan tempelkan di bawah code    yang ada di template, kemudian simpan.

Semoga artikel ini bisa bermamfaat bagi pembaca

[Tested] Cara Memasang Meta Tag Google Webmaster Tools di Blog Latest Update

Google Webmaster Tools adalah alat yang disediakan oleh Google untuk para Webmaster (pemilik internet site). Alat ini membantu agar internet site atau blog kita bisa terpantau dengan maksimal oleh Google, dan di sisi lain memberi laporan yang mendetail tentang weblog yang kita kelola. Bahkan pemasangan sitemap pada google webmastertools bisa sangat membatu mempercepat index sebuah artikel yang baru kita submit bahkan dalam hitungan kurang dari 1 menit.

Nah, langsung saja ke TKP

1. Masuk ke akun google webmaster tools, masuk dengan akun gmail anda.
2. Terlihat ada dua weblog saya pada gambar, klik blog yang ingin dipasang meta tag google webmaster tool

1. Klik button yang ada di sebelah kanan bantuan, yang terletak di bawah foto profil, pilih Detail Verifikasi

2. Lalu klik Verifikasikan dengan menggunakan metode yang berbeda. 

3. Pilih Tag HTML, lalu akan muncul Meta Tag, jangan di klik vertifikasi dulu.

4. Salin Meta Tag yang tadi dan edit template blog anda, tempelkan Meta Tag yang tadi tepat di bagian bawah

5. Setelah itu klik VERTIFIKASI yang bewarna merah yang ada di situs  google webmaster device tadi, lalu terlihat pesan bahwa anda telah berhasil memvertifikasi weblog anda

Semoga artikel ini bisa bermamfaat bagi pembaca