Blogger - Cara Tampilkan Mobile View

Ini adalah cara menampilkan blog kita menjadi "mobile view" mode apabila dibuka melalui mobile browser, bagi pengguna blogger. Ini keterangannya...

Ada tutorial menarik yang saya dapatkan dari bloggertipandtrick.net, yaitu cara membuat tampilan blog menyesuaikan secara otomatis jika di akses melalui ponsel / mobile phone hanya dengan menambahkan beberapa kode saja yang cukup mudah dilakukan.

Cara ini tentu saja lebih baik daripada kita membuat blog versi mobile dengan redirect url dengan pihak ketiga yang menyediakan layanan untuk membuat blog versi mobile, yang tentu saja berpengaruh pada jumlah visitor karena pengunjung berpindah ke situs lain "meninggalkan" blog kita.

Caranya cukup mudah, taruh kode dibawah ini dibawah kode:

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

Cukup mudah bukan ? Semoga Bermanfaat.


Untuk pengguna wordpress juga dapat menampilkan "mobile view". Caranya lihat di sini. ;)


Diambil dari: http://blog.denidi.com