Senin, 25 November 2013

Browse Manual » Wiring » » » » » » » » Cara Menampilkan Widget Pada Template Seluler Blogspot

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.

Tidak ada komentar:

Posting Komentar