Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

18 komentar untuk "Cara Menampilkan Widget Pada Template Seluler Blogspot"

  1. Berarti di lakukan stu persatu yah sob

    BalasHapus
  2. saya fokus pada paragraf kedua mas, disitu ada kata-kata widget artikel terbaru, nah yang ingin saya sampaikan bahwa artikel terbaru sekarang bisa berbentuk video lo mas, dijamin tampilan artikel terbarunya terlihat lebih pro dan lebih update, maen ke blog ku ya mas....

    BalasHapus
  3. @Limit Komputer
    Iya mas, pengaturannya masing2 widget :D

    @Ibnoe
    Wah baru tau tuh, tapi dipertimbangkan juga meskipun bagus tapi kalau bentuknya video pasti memakan resource yang besar. Btw thanks infonya ya..

    BalasHapus
  4. Thnks infonya ya..
    klo yg buat wordpress ada g??

    BalasHapus
  5. Mantap dan sudah dicoba di blog saya, terima kasih tutorialnya

    BalasHapus
  6. Makasi bang tutorialnya,,, kebetulan baru saya aktifkan versi mobile blog saya,, tapi pas saya preview gak ada widgetnya... ternyata caranya mudah...

    BalasHapus
  7. Mau nanya bang,,, kenapa yah pas saya cek di webmaster, ada beberapa artikel saya yg terduplikat karena fersi mobile,, setiap artikel saya selain berekstensi .html yg lain ?m=1 dan ?m=0, kira2 bagaimana mengatasinya bang, tolong bantuanya...

    BalasHapus
  8. thanks mas bro, buat wordpress ada gak ya?

    BalasHapus
  9. di coba ya gan
    ok saya mau pasang dulu di blog kesayangan saya gan

    BalasHapus
  10. ditunggu visit baliknya di http://corelpemula.blogspot.com/2012/11/fungsi-align-and-distribute.html

    BalasHapus
  11. salam persahabatan kawan janganlupa kehadiran nya

    www.handiljawa.blogspot.com

    Dan janganlupa follow blog aku ya shob biar tambah akrab...

    BalasHapus
  12. kalo menampilkan iklan pada versi seluler caranya gmna ya?

    BalasHapus
  13. mantap banget ne untuk menmapilkan blog saya , thanks sudah sharing sob ... sangat bermampaat bangetzz

    BalasHapus
  14. artikelnya mantap om, jadi sekarang iklan adsense udah bisa tampil di versi mobile dong :D

    BalasHapus
  15. Setelah kita pilih widget yang akan kita tampilkan di template seluler nantinya jika kita lihat melalui seluler widgetnya tampil sebelum artikel blog atau sesudah artikel blog ya Gan? Mohon petunjuknya...

    BalasHapus
  16. @Responsive Blogger Template
    widgetnya akan muncul setelah artikel mas

    BalasHapus