15 Mei 2016

Cara Menampilkan atau Menonaktifkan Widget di Template Blogspot versi Mobile

Alasan kenapa widget yang sobat pasang tidak tampil di versi mobile adalah karena dalam keadaan default widget yang ditampilkan di versi m... thumbnail 1 summary
Alasan kenapa widget yang sobat pasang tidak tampil di versi mobile adalah karena dalam keadaan default widget yang ditampilkan di versi mobile hanya widget-widget berikut ini:
  1. Header
  2. Blog
  3. Profil
  4. PageList
  5. AdSense
  6. Atribusi
Jika sobat memasang widget selain widget tersebut di atas, seperti popular post atau arsip, maka widget tersebut tidak akan tampil di versi seluler. Nah, pertanyaanya, bisakah widget tersebut diatur supaya bisa tampil di versi seluler? Jawabannya, bisa banget.

Untuk mengatur agar widget yang sobat pasang bisa tampil di versi seluler caranya sobat hanya perlu menambahkan sebuah kode Attribute baru pada tag <b:widget/>.
Sebagai contah, saya ingin menampilakan widget widget populer post di versi mobile, maka caranya pertama adalah masuk ke dashboard > template > edit HTML. setelah itu cari tag widget popular post di dalam template.
Kurang lebih kode widget Popular Post-nya seperti ini:
<b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'>
Nah yang  perlu kita lakukan adalah menambahkan Attribute baru pada tag widget tersebut, yaitu mobile. Attribute mobile ini sendiri memiliki tiga nilai, yaitu Yes, No, dan Only. 
Seperti inilah penerapannya:
<b:widget id='PopularPosts3' mobile='yes' locked='false' title='Entri Populer' type='PopularPosts'>
Kode di atas adalah  untuk menampilkan widget popular post versi mobile dan juga tampil di tampilan versi desktop.
<b:widget id='PopularPosts3' mobile='only' locked='false' title='Entri Populer' type='PopularPosts'>
Kode di atas adalah  untuk menampilkan widget popular post versi mobile tapi tidak tampil di versi desktop.
<b:widget id='PopularPosts3' mobile='no' locked='false' title='Entri Populer' type='PopularPosts'>
Sedangkan kode di atas adalah untuk menyembunyikan widget di versi mobile.
Yang perlu diketahui adalah setiap widget memiliki id yang berbeda-beda, jadi sobat harus teliti dalam mecari kode tag widgetnya.
Sekian dan terima kasih atas kunjungannya, semoga bermanfaat