Menyembunyikan atau Menampilkan Widget di Mobile Device

Hide or Show Widget on Mobile Device. Pada zaman yang serba moderen ini sepertinya perangkat yang dinamakan mobile atau yang juga sering disebut handphone ini wajib dimiliki setiap umat manusia sebagai alat komunikasi dan memberikan manfaat lainnya.

Untuk tips kali ini saya akan memberikan tips bagaimana cara menyembunyikan atau menampilkan suatu widget di blog pada perangkat mobile. Trik ini sangat lah mudah bisa anda lakukan dengan menambahkan tag CSS display:none pada widget tertentu yang akan disembunyikan pada perangkat mobile dengan resolusi tertentu, akan tetapi ada yang lebih baik dan lebih praktis lagi yaitu dengan cara yang akan saya berikan di bawah ini.

Tips ini hanya berlaku di perangkat smartphone saja dan tidak akan berpengaruh terhadap perangkat seperti tablet, dan iPad.

Menyembunyikan Widget pada Mobile Device

1. Login Blogger

2. Template - Edit HTML

3. Kemudian tentukan widget apa yang akan kita disembunyikan dari perangkat mobile, sebagai contohnya di sini saya akan menyembunyikan widget HTML4 di dalam template dengan penulisan tag kondisional seperti di bawah ini.

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

Menampilkan Widget di Mobile Device

1. Login Blogger

2. Template - Edit HTML

3. Dan jika anda ingin menampilkan widget hanya di perangkat mobile saja sobat bisa mengganti nilai false pada kode di atas menjadi true

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

Kemudian simpan setelan Template anda.

Sangat mudah bukan? Tinggalkanlah pesan komentar anda di kolom komentar di bawah ini dan jangan lupa share artikel ini ya!