Dalam keadaan default widget yang ditampilkan di template atau tampilan versi seluler adalah:
Nah, mungkin sobat ingin menampilkan beberapa widget baru di template versi seluler. Caranya sangat mudah sekali, yaitu cukup menambahkan Property baru di dalam tag <b:widget/>
Sebagai contah, jika sobat ingin menampilkan widget Popular Post di template seluler, maka pertama tentunya sobat harus menambahkan widget tersebut melalui menu edit tata letak.
Kurang lebih kode widget Popular Post di dalam template sobat adalah seperti ini:
<b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'>
Untuk menampilkannya di template seluler, sobat perlu menambahkan property baru pada tag widget tersebut, yaitu mobile. Property mobile ini sendiri memiliki tiga nilai, yaitu Yes, No, dan Only. Dan seperti inilah penerapannya:
<b:widget id='PopularPosts3' mobile='yes' locked='false' title='Entri Populer' type='PopularPosts'>
Kode di atas adalah contoh untuk menampilkan widget popular post di template seluler dan juga tampil di tampilan versi desktop. Dan jika ingin membuat widget popular post hanya tampil di template versi seluler, maka kodenya adalah seperti ini:
<b:widget id='PopularPosts3' mobile='only' locked='false' title='Entri Populer' type='PopularPosts'>
Atau ingin menyembunyikan widget pada tamplate versi seluler, maka kodenya adalah seperti ini:
<b:widget id='PopularPosts3' mobile='no' locked='false' title='Entri Populer' type='PopularPosts'>
Selain dengan cara di atas, kita juga bisa menampilkan widget atau elemen khusus pada template versi seluler dengan menggunakan tag condition. Tag condition tersebut adalah seperti ini:
<b:if cond='data:blog.isMobile'>
Elemen yang akan tampil di template seluler
</b:if>
Tag tersebut akan menampilkan sebuah elemen hanya pada template seluler.
Sumber:
- Header
- Blog
- Profil
- PageList
- AdSense
- Atribusi
Nah, mungkin sobat ingin menampilkan beberapa widget baru di template versi seluler. Caranya sangat mudah sekali, yaitu cukup menambahkan Property baru di dalam tag <b:widget/>
Sebagai contah, jika sobat ingin menampilkan widget Popular Post di template seluler, maka pertama tentunya sobat harus menambahkan widget tersebut melalui menu edit tata letak.
Kurang lebih kode widget Popular Post di dalam template sobat adalah seperti ini:
<b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'>
Untuk menampilkannya di template seluler, sobat perlu menambahkan property baru pada tag widget tersebut, yaitu mobile. Property mobile ini sendiri memiliki tiga nilai, yaitu Yes, No, dan Only. Dan seperti inilah penerapannya:
<b:widget id='PopularPosts3' mobile='yes' locked='false' title='Entri Populer' type='PopularPosts'>
Kode di atas adalah contoh untuk menampilkan widget popular post di template seluler dan juga tampil di tampilan versi desktop. Dan jika ingin membuat widget popular post hanya tampil di template versi seluler, maka kodenya adalah seperti ini:
<b:widget id='PopularPosts3' mobile='only' locked='false' title='Entri Populer' type='PopularPosts'>
Atau ingin menyembunyikan widget pada tamplate versi seluler, maka kodenya adalah seperti ini:
<b:widget id='PopularPosts3' mobile='no' locked='false' title='Entri Populer' type='PopularPosts'>
Selain dengan cara di atas, kita juga bisa menampilkan widget atau elemen khusus pada template versi seluler dengan menggunakan tag condition. Tag condition tersebut adalah seperti ini:
<b:if cond='data:blog.isMobile'>
Elemen yang akan tampil di template seluler
</b:if>
Tag tersebut akan menampilkan sebuah elemen hanya pada template seluler.
Sumber:
Cara menampilkan Widget di Versi Hp/Seluler
Posted by: Risalahati
Dedic Ahmad Updated at: 21:53
No comments:
Post a Comment