Meng-Kompatibel-kan Blog Dengan Mobile Browser

Anda pasti sering browsing menggunakan handphone, jika Anda perhatikan, site yang Anda buka dengan handphone berbeda tampilan ketika Anda membuka site yang sama menggunakan komputer. Anda bisa mengaplikasikan tampilan blog Anda menjadi berbeda ketika diakses dengan handhone dan ketika diakses dengan komputer.

Untuk membuat tampilan blog kompatibel dengan mobile browser tidaklah rumit, berikut cara untuk membuat tampilan blog berbeda ketika diakses dengan menggunakan mobile browser di handphone :

1. Login ke Dashboard > Rancangan > Edit HTML 
2. Temukan kode berikut ini :

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

3. Copy kode dibawah ini, dan paste tepat sebelum kode diatas.
   

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

4. Save dan selesai.

Sekarang blog Anda akan tampak berbeda ketika diakses dengan menggunakan mobile browser. Ini akan berguna untuk menambah pengunjung blog yang menggunakan mobile browser.

Sumber : Yogo

Anda telah membaca artikel tentang Meng-Kompatibel-kan Blog Dengan Mobile Browser dan anda bisa menemukan artikel ini dengan url http://binhakim.blogspot.com/2011/02/meng-kompatibel-kan-blog-dengan-mobile.html, anda boleh menyebarluaskannya atau mengcopy paste-nya jika artikel Meng-Kompatibel-kan Blog Dengan Mobile Browser ini dirasa bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Meng-Kompatibel-kan Blog Dengan Mobile Browser sebagai sumbernya.
Terima Kasih

Artikel Yang Berhubungan :