Cara Membuat Widget Blog Hanya Muncul via Desktop (Tidak Muncul via Mobile)


KURAZONE ~ Dalam mengelola blog terkadang ada beberapa widget blog yang diinginkan untuk TIDAK MUNCUL pada saat diakses via mobile, namun TETAP MUNCUL jika diakses via desktop.

Kode yang digunakan adalah tag conditional khusus yang dimasukkan kedalam bagian tag widget yang ingin diberikan conditional. Namun yang membedakan disini adalah memasukkan tag conditional kedalam element widget tanpa menggunakan <b:if> dan </b:if> lagi.

Kode tersebut adalah : 

cond='data:blog.isMobileRequest == &quot;false&quot;'
Copy kode diatas dan letakkan pada element widget yang ingin "hanya dimunculkan" saat diakses via desktop.

CARA PENGGUNAAN :
Cara meletakkan kode conditional nya tinggal ditaruh kedalam element <b:widget. Contoh kasus pada tutorial kali ini adalah menggunakan widget Popular Post yang memiliki kode dibawah ini :
<b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts' version='1'>

Lihat gambar dibawah ini sebagai ilustrasinya


Tinggal letakkan kode cond='data:blog.isMobileRequest == &quot;false&quot;' setelah kode <b:widget. Hasilnya akan menjadi seperti dibawah ini :
<b:widget cond='data:blog.isMobileRequest == &quot;false&quot;' id='PopularPosts1' locked='false' title='Popular' type='PopularPosts' version='1'>

Lihat gambar dibawah ini sebagai ilustrasinya


Kemudian SIMPAN TEMPLATE
Dari contoh kasus diatas menandakan bahwa kalian sudah berhasil mensetting widget Popular Posts supaya widget HANYA MUNCUL ketika blog diakses via desktop.  Selanjutnya silahkan kalian manage sendiri widget mana yang sekiranya ingin diberikan tag conditional.
Itulah informasi mengenai "Cara Membuat Widget Blog Hanya Muncul via Desktop (Tidak Muncul via Mobile)", selamat mencoba dan semoga bermanfaat. Goodluck !!

Sumber : https://surochman.blogspot.com (sotazone)

Image by www.twitter.com/sotazone





أحدث أقدم