Cara Jitu Menyembunyikan Widget di Tampilan Mobile - Semakin banyaknya 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 lainnya.
Ketika di buka dari perangkat mobile, blog anda akan terbuka dalam versi mobile. Sementara itu, dalam versi mobilenya 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, saya akan menjelaskan bagaimana caranya menyembunyikan atau menampilakn widget untuk tampilan versi mobile.
Cara Menyembunyikan Widget di Tampilan Mobile
Pertama sebelum melakukan tutorial ini, anda harus mengetahui dulu kode HTML dari widget yang ingin disembunyikan pada tampilan mobile, untuk mengetahuinya cukup mudah yaitu tinggal masuk ke tata letak lalu klik edit pada widget yang ingin disembunyikan dan lihat dibagian kode HTML di bagian URL tersebut, (biasanya ada dibagian akhir).
Jika sudah diketahui selanjutnya masuk ke menu template lalu pilih "Edit HTML", kemudian untuk cara cepatnya mencari kode tersebut bisa klik menu "lompat ke widget" lalu pilih kode widget yang sudah dilihat di tata letak.
Jika sudah ketemu silahkan klik tanda panah kecil dibagian nomor, maka otomatis akan membuka seluruh kode widget tersebut. Disini biasanya akan terdapat lagi tanda panah setelah anda klik tanda panah pertama, silahkan klik lagi.
Nah untuk selanjutnya silahkan tambahkan tag CSS "display:none" pada widget tertentu yang akan Anda sembunyikan pada perangkat mobile. Tapi mungkin cara saya ini lebih baik yang tentunya bisa Anda gunakan.
Contoh disini saya akang menyembunyikan widget tampilan mobile dengan kode HTML5 di dalam template dengan penulisan tag kondisional seperti di bawah ini:
<b:if cond='data:blog.isMobileRequest == "false"'> <b:widget id='HTML5' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget> </b:if>
Untuk kode yang saya kasih tanda biru itulah yang nantinya akan menyembunyikan widget tampilan mobile.
Cara Menampilkan Widget di Tampilan Mobile
Apabila Anda ingin menampilkan widget di mobile saja, Anda cukup merubah bagian "false" diatas menjadi "true". Selanjutnya simpan template Anda !
Nah cukup mudah kan, sekian dulu dari saya tentang Cara Menampilkan atau Menyembunyikan Widget Tampilan Mobile Work 100% semoga bermanfaat.