Tutorial Menampilkan Widget Di Template Blogspot Versi Mobile

Oleh Blogs RF

Monday, March 26, 2018

Bagikan :

Tweet

Bagi sobat yang menggukan template dari evotemplates.net khususnya yang memliki fitur custom mobile template mungkin sedang bertanya-tanya, "Kenapa ya di versi mobile widgetnya tidak tampil?" Karena itu berikut pada postingan ini penulis 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'>

Dan 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.

Oke sobat, Mungki hanya segitu saja. Jangan sungkan untuk coret-coret di komentar .^_^.

Dan untuk sobat yang mau dapat artikel-artikel menarik dan bermanfaat terupdate berikutnya silahkan masukan Email kamu dikolom Follow By Email ya... Semoga tutorial singkat ini dapat bermanfaat.

Tag : Blogging