Tips Membuat Blog agar Mobile Version

Semakin pesatnya perkembangan dunia telekomunikasi khusunya smartphone tentunya akan semakin meningkat pula para pengguna internet yang memanfaatkan handphone sebagai media browsing.

Seiring dengan itu pula blogger telah mengeluarkan fitur terbarunya yakni mobile template, dimana dengan fitur ini kita dapat mengakses web atau pun blog melalui handphone dengan lebih mudah.

Sayangnya untuk dapat mengakses blog kita dalam versi mobile kita harus mengetikkan secara manual url dengan menambahkan /?m=1 diakhir url blog, contoh untuk blog ini http://idblog.web.id/?m=1

Ada satu cara agar blog kita dapat menjadi mobile version tanpa harus menggunakan cara manual seperti di atas dengan menambahkan kode berikut ini diantara tag <head> dan </head> atau agar lebih mudah tepat diatas <b:skin> akan tetapi ini hanya berlaku untuk blog yang berplatform blogspot, sedangkan untuk worpress sudah ada plugin yang tersedia, silahkan googling untuk mendapatkan pluginnya.
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js' type='text/javascript'/>

<script src='http://viemonsta.googlecode.com/files/dev_mobile_for_blogger.js' type='text/javascript'/>

Untuk cara menyematkannya kedalam struktur template blogger, silahkan ikuti langkah di bawah ini:
Tahap 1
  1. Login ke blogger, kemudian masuk ke menu Settings kemudian pilih menu Email & Mobile
  2. Pada pilihan Mobile template klik pada "yes, on mobile device, show the mobile version of my template" kita bisa melihat reviewnya dengan mengklik mobile preview . Save, untuk menyimpan pengaturan
Setelah langkah pada tahap pertama di atas selesai, selanjutnya ikuti langkah tahap kedua berikut.
Tahap 2
  1. Pilih menu=>> Rancangan=>> Edit HTML
  2. Dengan menggunakan fungsi find, tekan Ctrl+F, temukan kode <b:skin>
  3. Kemudian taruh kode ini tapat diatas <b:skin>
    <script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js' type='text/javascript'/>

    <script src='http://viemonsta.googlecode.com/files/dev_mobile_for_blogger.js' type='text/javascript'/>
  4. Simpan template

No comments:

Powered by Blogger.