Cara Mudah Menampilkan Widget versi Mobile di Blogger




Cara Mudah Menampilkan Widget  versi Mobile di Blogger


Cara Mudah Menampilkan Widget  versi Mobile di Blogger
Malam ini saya akan share cara untuk menampilkan widget versi mobile, Nah jadi jika jika anda yang sedang menggukan template dari masugeng, khususnya yang memliki fitur custom mobile template, mungkin barang kali ada salah satu dari kalian pernah bertanya “mengapa di versi mobile widgetnya tidak tampil?
Jadi biar kan sedikit saya mencoba untuk menjelaskannya dari pertanyaan tersebut. Mungkin alasan tersebut widget yang sudah anda pasang tidak bisa tampil pada template blog anda di versi mobile adalah ini karena dalam keadaan default widget yang ditampilkan di versi mobile hanya widget-widget berikut ini:

* Header
* Blog
* Profil
* PageList
* AdSense
* Atribusi
Namun apabila anda memesang selain widget di atas, contoh seperti popular post atau arsip, tentunya widget tersebut tidak akan tampil di versi seluler. hemm jadi pertanyaanya, apakah bisa widget tersebut diatur supaya bisa tampil di versi seluler, tentu saja jawabannya sangat bisa sekali bos.

Jika anda ingin mengatur agar widget yang anda pasang tersebut bisa tampil di versi seluler, untuk caranya anda hanya perlu menambahkan sebuah Attribute baru pada tag <b:widget/>.

Nah sebagai contahnya, saya ingin menampilkan widget widget populer post di versi mobile, maka caranya sebagai berikut ini.

# Cara Mudah Menampilkan Widget  versi Mobile di Blogger

1. Pertama , pastikan anda sudah masuk di dasbhor anda sendiri
2. Masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.
3. Setelah itu anda bisa cari tag widget popular post di dalam template. Untuk kode widget Popular Post-nya kurang lebih seperti di bawah ini.
<b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'>
4. Selanjutnya yang harus anda lakukan adalah menambahkan Attribute baru pada tag widget tersebut, yaitu mobile. Attribute mobile ini sendiri memiliki tiga nilai, yaitu Yes, No, dan Only. Seperti di bawah ini penerapannya.
<b:widget id='PopularPosts3' mobile='yes' locked='false' title='Entri Populer' type='PopularPosts'> 
5. Jadi kode di atas gunanya  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'>
6. Untuk kode di atas gunannya 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'>


7. Sedangakan untuk kode di atas gunannya untuk menyembungikan widget di versi mobile.
8. Jika sudah anda edit, bisa anda klik save template dan lihat hasilnya.

Note: Perlu anda ketahui adalah setiap widget mempunyai id yang berbeda-beda, jadi anda harus teliti dalam mecari kode tag widget tersebut.

Nah bagaimana mudah bukan untuk membuat dan menerapkan langkah- langkah yang saya jelaskan di atas tadi. Demikian penjelasan singkat pada malam ini, semoga bisa bermanfaat untuk anda, selamat mencoba dan semoga berhasil.

Jangan lupa baca juga Saran Buat Para Pemula Yang Baru mengenal Belajar Ngeblog

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.

Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>

+ Follow
Join on this site

with Google Friend Connect