Agar Blog Bisa Dibaca Browser Handphone

Blog secara default memiliki tampilan template yang biasa dibaca di browser komputer, tentunya ini memiliki data yang lebih besar bila dibaca browser mobile atau handphone. Loading akan memakan waktu yang lama, dan tampilan pada handphone juga akan terlihat terlalu besar dan berat yang mungkin akan merugikan pembaca Blog anda yang membaca via handphone. Pada trik kali ini, Blog akan bisa dibuka oleh browser handphone apapun. Sehingga kapanpun, dimanapun, pembaca akan bisa terkoneksi via gadget apapun. Pengunjung juga akan tetap nyaman menggunakan handphone karena tampilannya yang simple dan loading yang cepat.



Untuk mensettingnya sangat mudah, ikuti langkah dan panduan di bawah :

1. Log In ke Blogger.


2. Setelah anda masuk ke halaman 'Dashboard', lalu klik 'Settings'.


3. Akan terlihat menu 'Email & Mobile'


4. Pada bagian Mobile Template (beta), terlihat menu 'Show Mobile Template', lalu klik 'Yes, On Mobile Devices...'


5. Anda dapat melihat hasil preview Blog versi handphonenya dengan mengklik 'Mobile Preview'.

Beginilah contoh iDoodie Blog versi browser mobile :

Cara di atas bisa diterapkan hanya kepada browser mobile semisal Android, iPhone, BlackBerry, atau Windows Phone. Jadi, untuk handphone yang tidak memiliki OS atau handphone biasa tidak bisa membuka Blog. Agar Blog bisa dibaca di mobile browser handphone biasa, anda bisa menggunakan kode script berikut pada template anda.



Ikuti langkah dibawah untuk memasukkan scriptnya :

1. Log In ke Blogger.


2. Setelah anda masuk ke halaman 'Dashboard', lalu klik 'Desain/Design'.


3. Lalu klik menu Edit HTML


4. Sebelum mengedit template Blog anda, sebaiknya Backup terlebih dahulu template dengan mendownloadnya.


5. Setelah memdownload template selesai, klik 'Expand Widget Templates'.


6. Lalu temukan kode di bawah ini : (gunakan ctrl+F untuk mencari).

<b:include data='blog' name='all-head-content'/>

Bila anda tidak menemukan kode di atas pada template Blog anda,

Carilah kode </head> atau sejenisnya di template anda.



Bila sudah ditemukan, masukanlah kode di bawah ini tepat  dibawahnya.

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/><br /><br /><b:if cond='data:blog.isMobile'><br /><br /><meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/><br /><br /><b:else/><br /><br /><meta content='width=1100' name='viewport'/><br /><br /></b:if>

Selanjutnya setelah anda memasukkan kodenya dengan benar simpanlah template, dan Blog anda bisa dibaca browser handphone non OS.

Beginilah tampilan iDoodie Blog pada browser handphone biasa :

Tampilan Pada Opera Mini Mobile Browser

Sekian tips dan trik kali ini, untuk membuktikan bila Blog sudah bisa dibuka oleh browser handphone, silahkan tuju alamat Blog anda lewat browser handphone (sebaiknya gunakan handphone non OS). Bila sudah terlihat seperti contoh iDoodie versi mobile di atas, maka kode script berhasil pada template anda.

Selamat Mencoba!