Cara menampilkan Widget di Versi Mobile

            Semakin banyak nya para pengguna perangkat seluler akhir-akhir ini, membuat pengunjung blog tidak hanya datang dari PC ataupun Komputer saja. Tetapi, sekarang datang dari perangkat seluler semacam smarthphone atau yang lain nya. ketika di buka dari perangkat mobile, blog anda akan terbuka dalam versi mobile. Sementara itu, dalam versi mobile nya tampilan blog anda berbeda dengan tampilan aslinya. Di versi mobile, tidak ada sidebar widget seperti di blog aslinya.

            Mungkin, sebagian dari anda ada yang ingin menampilkan beberapa widget penting di blog versi mobile. Karena itu, Mr.DHI akan menjelaskan bagaimana caranya menampilkan widget di mobile blog anda.

           Membuat widget muncul di blog mobile tidak serumit yang anda pikirkan. Anda hanya tinggal menambahkan sedikit kode pada template blog anda. yaitu menambahkan property mobile pada tag widget  <b:widget>. Ada beberapa nilai yang bisa anda masuk kedalam property mobile tersebut yaitu:

-          Mobile : ‘only’ (untuk menampilkan widget hanya di versi mobile saja)

-          Mobile:’ yes’(untuk menampilkan widget di versi mobile dan web)

-          Mobile :’no’(untuk menyembunyikan widget di versi mobile dan hanya akan muncul di versi web)

            Selanjutnya silahkan anda tentukan widget apa saja yang akan anda tampilkan di versi mobile blog anda. saya sarankan untuk memasang widget-widget yang benar-benar penting saja. Hal ini bertujuan agar loading blog anda tidak berat di perangkat mobile.

            Saya ambil satu contoh, misalnya anda akan menampilkan widget Popular Post. Maka yang harus anda lakukan dengan cara :

      1.      Masuk ke template editor blog anda

      2.      Centang expand widget template

      3.      Cari kode

<b:widget id=‘popularPosts1’ title= ‘PopularPosts’>

<b:includable id=‘main’>

Bla bla bla bla

</b:widget>

       4.      Tambahkan property mobile pada tag widget tersebut, sehingga menjadi

<b:widget id=‘popularPosts1’ mobile=‘yes’ title= ‘PopularPosts’>

<b:includable id=‘main’>

Bla bla bla bla

</b:widget>

        5.      Simpan template anda.

    6.  Silahkan cek hasilnya dengan cara ketikan url blog anda di browser ditambah ?m=1. Contoh : http://mister-dhi.blogspot.com/?m=1

Selamat Mempraktekan !!!

#salam terhangat dari Mr. DHI

Tulisan ini terinspirasi dari : http://www.rayhanzhampiet.com/2012/10/Cara-Menampilkan-Widget-Pada-Template-Seluler-Blogspot.html