Membuat Tampilan Blog Menyesuaikan Otomatis Versi Mobile

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 <head> :

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