November 20, 2012

Cara Menampilkan Widget Pada Template Seluler Blogspot

Cara Menampilkan Widget Pada Template Seluler Blogspot – Memunculkan widget di tampilan template versi mobile sebenarnya cukup mudah yaitu cukup dengan menambahkan property mobile pada tag widget <b:widget>. Ada 3 input value pada property mobile ini yang mempunyai arti dan tujuan masing-masing. Berikut penjelasannya :
mobile=’yes’  : artinya widget akan ditampilkan pada template versi seluler/mobile dan desktop.
mobile=’no’   : artinya widget hanya akan tampil pada template versi desktop/web.
mobile=’only’: artinya widget hanya akan tampil pada template versi seluler/mobile.
widget seluler blogspot
Nah setelah memahami penjelasan diatas, sekarang kita masuk pada cara penerapannya. Langkah pertama kita tentukan dulu widget mana yang ingin ditampilkan pada template seluler. Saran saya sebaiknya cukup pilih 2 widget yang penting saja misalnya widget Artikel Terbaru dan Popular Post. Misalkan saya ingin menampilkan widget Artikel Terbaru dan Paling HOT Minggu Ini pada template seluler, maka caranya adalah sebagai berikut :
1.       Login ke dashboard blogger, kemudian masuk ke menu Template > Edit HTML.
2.       Pada template saya, kode kedua widget tadi adalah seperti dibawah ini :
<b:widget id='HTML12' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
dan seterusnya...
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Paling HOT Minggu Ini' type='PopularPosts'>
<b:includable id='main'>
dan seterusnya...
</b:widget>
3.       Tambahkan property mobile=’yes’ pada masing-masing tag widget sehingga kode lengkapnya menjadi seperti dibawah ini :
<b:widget id='HTML12' mobile='yes' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
dan seterusnya...
</b:widget>
<b:widget id='PopularPosts1' mobile='yes' locked='false' title='Paling HOT Minggu Ini' type='PopularPosts'>
<b:includable id='main'>
dan seterusnya...
</b:widget>
4.       Save/simpan template anda dan selesai.    
Demikian sedikit tips singkat tentang Cara Menampilkan Widget Pada Template Seluler Blogspot ini dan semoga bermanfaat untuk anda.

No comments:

Post a Comment