Sunday 30 October 2016

Tampilan widget blog tidak tampil di versi Mobile ini solusinya

Tags

Bagi teman yang menggukan template blog, khususnya yang memliki fitur custom mobile template mungkin bertanya-tanya, “kenapa ya di versi mobile widgetnya tidak tampil?” nah, pada postingan ini saya akan sedikit menjelaskannya.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 memesang widget selain widget 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 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'>

Sedangakan kode di atas adalah untuk menyembungikan widget di versi mobile.
Yang perlu diketahui adalah setiap widget memiliki id yang berbeda-beda, jadi sobat harus teliti dalam mecari kode tag widgetnya.

Semoga bermamfaat, Sekian dan Terimakasih. Wassalam!!


Sumber: sugeng