Cara Menonaktifkan Kode Widget Tertentu Di Mode Mobile/Handphone

Cara Menonaktifkan Kode Widget Tertentu Di Mode Mobile/Handphone. Di setiap blog pasti ada yang namanya widget ataupun script kode-kode lainnya, widget adalah sebuah fitur yang dibuat untuk menampilkan beragam fitur tertentu sekaligus untuk mempercantik tampilan pada blogger dan tentunya fitur widget ini sangat bermanfaat meskipun sangat bermanfaat tapi ada juga sebagian blogger yang merasa kurang nyaman ketika ada widget tersebut di mode mobile dan berniat untuk tidak memunculkannya.

Widget pada blogger pun sangat beragam dimulai dari widget untuk menampilkan popular post, kategori, archive dan kalian juga bisa memasang kode HTML secara manual dengan memasukan kode-kode pada kolom JavaScript/HTML.
Cara Menonaktifkan Kode Widget Tertentu Di Mode Mobile/Handphone
Pixabay.com
Hampir di semua situs-situs blog atau web pasti ada yang namanya widget terutama pada blogger ini tapi bagaimana caranya agar widget tertentu tampil atau tidak ditampilkan pada saat di mode mobile atau handphone?

Maksud tidak tampil pada mode mobile misalnya ketika kalian membuka sebuah blog di mode dekstop dan widget tersebut tampil di menu homepage pada blogger dan ketika kalian membuka pada mode mobile atau handphone si widget tersebut tidak tampil, kenapa? karena kode pada widget tersebut sudah di nonaktifkan agar tidak tampil pada mode mobile tapi ingat trik ini hanya akan bekerja efeknya pada perangkat mobile/handphone saja dan tidak akan berpengaruh terhadap perangkat tablet, iPad, dan lainnya.

Bagaimana, sudah jelas penjelasannya? jika sudah sekarang kita lanjut ke tahap berikutnya.
Khusus untuk kalian yang merasa kurang nyaman ketika ada widget tersebut di mode mobile dan berniat untuk tidak menampilkannya simak baik-baik, pada tahap kali ini kalian hanya menambahkan dan merubah sedikit kode CSS saja.
Caranya
Baca Juga : Alternatif google adsense terbaik dan membayar lebih
1. Buka Edit HTML pada blogger
2. Cari kode widget yang ingin kalian nonaktifkan pada mode mobile
3. Letakan kode dibawah ini tepat diatas kode widgetnya

<b:if cond='data:blog.isMobileRequest == "false"'>

4. Untuk penutupan kode letakan kode </b:if> tepat dibawah kode widget tersebut
Berikut Contohnya

<b:if cond='data:blog.isMobileRequest == "false"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>

Note : Untuk menampilkan pada mode mobile kalian hanya mengganti false menjadi true ,false menonaktifkan dan true menampilkan.

Sedikit tambahan, jika kalian ingin menampilkan atau menonaktifkan selain widget caranya juga hampir sama hanya saja kalian menyisipkan kode pada kode script yang ingin kalian tampilkan atau nonaktifkan
Sebagai contoh

<b:if cond='data:blog.isMobileRequest == "false"'>

Kode Script/HTML disini

</b:if>

Bagi yang belum berhasil dengan cara diatas mungkin penyebabnya dari template kalian yang menggunakan quick edit pada widgetnya, silahkan ikuti caranya dibawah ini

Letakkan kodenya tepat dibawah kode seperti ini
<b:includable id="main">

Contoh
<b:includable id="main">
<b:if cond="data:blog.isMobileRequest == "false"">
-----
Sedangkan untuk kode penutupnya letakkan dibawah kode seperti ini
<b:include name="quickedit"/>

Contoh
<b:include name="quickedit"/>
</b:if>

Selesai.
Baca Juga : Langkah tepat awal ngeblog untuk pemula
Terimakasih telah membaca postingan Saya semoga bermanfaat dan selamat mencoba.

0 Response to "Cara Menonaktifkan Kode Widget Tertentu Di Mode Mobile/Handphone"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel