Cara Menampilkan Widget Blog untuk Versi Mobile

bahasan kali ini, kadang sebagai blogger berkeinginan menampilakan tampilan blog yang perfect saat di akses via mobile atau hp ( Perfect itu relatif ). Ada kalanya hanya ingin menapilkan beberapa widget yang tersemat di dalam blog ataupun bahkan tidak akan menampilkan sama sekali widget di tampilan versi mobile itu adalah sebuah pilihan. 

Namun demikian kali ini JagadRochain akan membahas bagaimana menampilkan Widget blog khususnya yang berplatfrom blogger agar widget bisa di tampilkan saat diakses menggunakan versi mobile atau hp. Bagi sobat yang sudah memakai template yang sudah memiliki fitur costum mobile dan menginginkan widget yang sudah di pasang di blog sobat dapat terlihat saat di kunjungi dengan versi mobile bisa anda terapkan trik berikut ini.

TRIK AGAR WIDGET BLOG DAPAT DI TAMPILKAN PADA VERSI MOBILE

Trik ini boleh di bilang cukup mudah, kita hanya menambahkan atribute baru pada tag <widget> yang masih di seting dalam keadaan default. Caranya bagaimana sob? Kita ikuti panduan yang akan kita bahas pada postingan kali ini. Sebelum kita mulai mengedit template agar widget bisa tampil pada versi mobile lebih baik kita kenalan dulu dengan atribute baru tersebut.

Atribute yang biasa diterapkan pada versi mobile adalah sebagai berikut :

• mobile='yes'  Atribut ini di gunakan untuk menapilkan widget pada versi selular.
• mobile='no'  Atribut ini di tambahkan apabila kita tidak akan menampilkan widget pada tampilan versi mobile atau selular.
• mobile='only' Atribut ini di pakai hanya untuk menampilkan di selular saja.

Untuk menambah pengalaman bagi blogger yang bru berkecimpung di dunia blogger silahkan baca juga.

CARA MENAMPILKAN WIDGET DI VERSI MOBILE

Login di blogger >> Dhasboard >> Template >> Edit Html. Setelah terbuka halaman Edit HTML untuk mempercepat pencarian silahkan Klik "Lompat ke widget" silahkan widget mana saja yang akan di tampilkan pada versi selular. Sebagai contoh saya sertakan gambar panduan berikut.

Klik segitiga kecil warna hitam yang saya beri kotak dengan warna merah agar tag <widget> terbuka sempurna. Untuk kode deaultnya kurang lebih seperti berikut kodenya

<b:widget id='PopularPosts1' mobile='yes' locked='false' title='Popular Posts' type='PopularPosts'> .......... bla bla bla...... </b:includable></b:widget>

Menambahkan atribute mobile='yes'  seperti diatas maka widget popular posts akan tampil ataupun muncul saat di buka menggunakan versi selular.

<b:widget id='PopularPosts1' mobile='no' locked='false' title='Popular Posts' type='PopularPosts'> .......... bla bla bla ......</b:includable></b:widget>

Menambahkan atribute mobile='no'  seperti diatas maka widget popular posts tidak akan tampil atau muncul saat mengakses blog dengan selular dan hanya akan tampil pada tampilan desktop.

<b:widget id='PopularPosts1' mobile='only' locked='false' title='Popular Posts' type='PopularPosts'> .......... bla bla bla .......</b:includable></b:widget>

Menambahkan atribute mobile='only'  seperti diatas maka widget popular posts hanya akan tampil saat di akses menggunakan versi selular dan tidak akan tampil pada tampilan desktop.

Catatan : Setiap Widget pada template blog mempunyai nama atau id yang berbeda satu sama yang lainya sebagai contoh id widget di template blog saya seperti ini  widget id='PopularPosts1'  jadi silahkan sobat lihat sendiri id widget yang di pakai pada template sobat.

Tulisan ringkas Cara Menampilkan Widget Blog di Versi Mobile semoga bermanfaat.