Social Icons

Pages

Sunday, January 17, 2016

Cara Menampilkan Widget Di Versi Mobile Di Blogger

Cara Menampilkan Widget Di Versi Mobile Di Blogger

Bila mengaktifkan tampilan seluler ada beberapa attribute di tampilan tidak tampil di tampilan seluler dan Untuk mengatur agar widget bisa tampil di versi seluler caranya hanya menambahkan sebuah Attribute baru pada tag <b:widget/>.

Sedangkan attribute baru pada tag widget adalah mobile. Attribute mobile memiliki 3 ( tiga ) nilai, Sebagai berikut :

mobile =’yes’   : untuk menampilkan widget versi mobile dan versi desktop.
mobile =’no’    : untuk menyembunyikan widget di versi mobile.
mobile =’only’ : untuk menampilkan widget versi mobile dan tidak tampil di versi desktop.

Caranya sebagai berikut :

  • Login ke Blogger
  • Template kemudian Edit HTML. setelah itu cari tag widget yang akan ditanpilkan di versi mobile. Sebagai contoh windget PopularPosts. Gunakan tombol Ctrl+F untuk mempermudah pencarian tag widget PopularPosts, Kodenya seperti dibawah ini :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>

  • Kemudian tambahkan Attribute mobile di atas di depan atau di belakang kode locked='false' hasilnya seperti dibawah ini :

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


Sedangkan untuk menampilkan widget yang lain, Caranya kurang lebih seperti di atas. Yang perlu diketahui adalah setiap widget memiliki id yang berbeda-beda, jadi harus dengan teliti dalam mecari kode tag widgetnya.


No comments:

Post a Comment