Membuat Blog Kompatibel Dengan Mobile Browser

Selasa, November 09, 2010

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