Cara Menyembunyikan Widget Blog di Tampilan Versi Mobile

Cara Menyembunyikan Widget Blog di Tampilan Versi Mobile

Dalam pemasangan widget di blog, mungkin ada beberapa widget yang perlu diatur dalam menampilkannya agar menarik dan enak dipandang. Ada yang ditampilkan hanya di versi desktop, hanya di versi mobile atau pun menampilkannya di versi keduanya.

Biasanya, kebanyakan widget disembunyikan pada tampilan versi mobile. Mungkin karena widgetnya kurang responsif atau dirasa kurang menarik tampilannya jika dilihat di versi mobile sehingga pemilik blog memilih untuk menyembunyikannya dan terlihat hanya ditampilan versi desktop saja.

Baca Juga : Cara Cepat Membuat dan Memasang Favicon Blog

Cara Menyembunyikan Widget Blog di Tampilan Versi Mobile

Sebelumnya tentukan ID widget yang ingin diatur
  • Masuk ke Dashbord Blogger
  • Pilih menu Tata Letak
  • Pilih widget yang ingin diatur
  • Catat ID widget tersebut
ID widget blog
Keterangan:
Pada gambar diatas, ID widgetnya yaitu HTML3

Selanjutnya ikuti langkah-langkah berikut!
  • Masuk ke Dashbord Blogger
  • Pilih menu Tema/Template - Edit HTML
  • Lompat ke widget HTML3 (Lihat gambar)
Lompat ke ID widget blog
  • Pada bagian bawah kode <b:widget id='HTML3'..... Cari kode <b:includable id='main'>
  • Letakkan kode berikut tepat di bawahnya:
<b:if cond='data:blog.isMobileRequest == "false"'>
  • Arahkan ke bawah sedikit, cari kode </b:includable> tambahkan kode ini di atasnya:
</b:if>
  • Kurang lebih hasilnya seperti ini:
Cara Menyembunyikan Widget Blog di Tampilan Versi Mobile
  • Simpan dan lihat hasilnya

Sedikit tambahan...
Beberapa widget tertentu ada yang mengandung kode javascript. Lebih baik menonaktifkan kode scriptnya pada tampilan versi mobile. Jika sobat menyembunyikan tampilan widget pada versi mobile, tetapi  lupa atau tidak menonaktifkan kode scriptnya, maka javascript dari widget tersebut akan tetap di load di latar belakang blog yang mengakibatkan loading blog menjadi sedikit lambat. Jadi, lebih baik sekalian dinonaktifkan saja di versi mobile.

Untuk menonaktifkannya, gunakan tag kondisional diatas sehingga menjadi seperti ini :
<b:if cond='data:blog.isMobileRequest == "false"'>
Kode Javascript yang akan disembunyikan
</b:if>

Tag kondisional diatas diatur menjadi "false", artinya kode script tersebut tidak akan dimuat di perangkat mobile tetapi tetap dimuat di perangkat desktop.

Baca Juga : Cara Menampilkan dan Menyembunyikan Widget Blog Hanya di Halaman Tertentu

Demikian ulasan mengenai Cara Menyembunyikan Widget Blog di Tampilan Versi Mobile.
Terima kasih.

Berlangganan update artikel terbaru via email:

Belum ada Komentar untuk "Cara Menyembunyikan Widget Blog di Tampilan Versi Mobile"

Posting Komentar

Tinggalkan komentar di Barungeblog yuk!

• Berkomentar dengan sopan
• Tidak memasukkan link aktif (Spam)
• Berkomentar yang relevan sesuai artikel
• Komentar yang kasar dan mengandung unsur SARA akan dihapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel