Menampilkan Widget di versi mobile blogspot

Diposting oleh Ahmad Subhan on Jumat, 12 Oktober 2012
Seperti kita ketahui, secara default blogger versi mobile hanya menampilkan beberapa fitur saja. Disini kita akan membuat agar widget di blogspot bisa tampil di versi hp/ mobile. Nah agar widget khusus bisa tampil di template mobile, maka kita perlu edit sedikit di kode htmlnya. Tapi perlu di ingat bahwa kalau bisa ukuran widget yang akan di tampilkan di versi handphone tersebut lebarnya jangan lebih dari 320 pixel biar tidak menggangu tampilan mobile blogger tadi. ok langsung saja cara membuatnya,

Caranya:
1. Login ke blogger
2. Pilih Template
3. Klik mobile version di samping kanan template.
4. Edit html dan tidak perlu di centang expand template widget
5. Cari widget yang ingin di tampilkan di versi mobil/hp, saya contohkan dengan google plus.
Cari
<b:widget id='PlusBadge1' locked='false' title='Google+ Badge' type='PlusBadge'/>

 Untuk menampilkan widget tampil di versi mobile dan dekstop :

 <b:widget id='PlusBadge1' locked='false' mobile='yes' title='Google+ Badge' type='PlusBadge'/>

 Untuk menampilkan widget hanya tampil di versi mobile tapi tidak tampil di versi dekstop

<b:widget id='PlusBadge1' locked='false' mobile='only' title='Google+ Badge' type='PlusBadge'/>

Simpan.

Jadi intinya kita hanya menambahkan kode yang sudah di warnai merah tersebut, thanks.

{ 2 komentar... read them below if any or add one }

hanya blogger mengatakan...

makasih infonya gan, ane coba tes dulu pasang iklan di versi mobile

iskandar mengatakan...

wah jadi caranya tinggal menambahkan kode mobile=yes aja gan?

Posting Komentar