Cara Menampilkan atau Menyembunyikan Widget di Mobile Device

Cara Menampilkan atau Menyembunyikan Widget di Mobile Device

Cara Menampilkan atau Menyembunyikan Widget di Mobile Device

Seperti yang kita tahu sesuai dengan perkembangan zaman kini perangkat mobile sudah menjadi kebutuhan pokok setiap orang sebagai alat komunikasi yang memberikan banyak manfaat bagi kita semua.
Cara Menampilkan atau Menyembunyikan Widget di Mobile Device

Masih berhubungan dengan hal ini, setelah Algoritma Google Mobile Friendly diperbarui pada tanggal 21 April 2015 lalu. Banyak webmaster membuat situs yang Mobile Friendly dan juga responsive agar dapat diakses lebih cepat dan nyaman melalui perangkat mobile. Tentunya hal ini merupakan langkah positif dan sebagai pondasi awal dalam membangun sebuah website, untuk langkah selanjutnya tinggal bagaimana kita mengelola situs tersebut.


Tips ini memang bisa Anda lakukan dengan menambahkan tag CSS display:none pada widget tertentu yang ingin disembunyikan pada perangkat mobile dengan resolusi tertentu, namun ada yang lebih baik dan lebih praktis lagi yaitu dengan cara di bawah ini.

Menyembunyikan Widget di Mobile Device
Pertama, silakan buka template editor di blog Anda. Kemudian tentukan widget apa yang akan disembunyikan dari perangkat mobile, contohnya di sini saya akan menyembunyikan widget HTML2 di dalam template dengan penulisan tag kondisional seperti di bawah ini

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

Menampilkan Widget di Mobile Device
Dan jika sobat 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='HTML2' locked='false' title='' type='HTML' version='1' visible='true'>
..............
</b:widget>
</b:if>

Selanjutnya simpan template dan lihat hasilnya.


Mudah bukan? Demikian tentang Cara Menampilkan atau Menyembunyikan Widget di Mobile Device. Semoga bermanfaat.
Tips ini hanya berlaku pada perangkat smartphone saja dan tidak akan berpengaruh terhadap perangkat tablet, iPad, dan lainnya.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Blogger
Disqus
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Berkomentarlah dengan baik, Kepribadian anda tercemin saat berkomentar.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like CIDOSHARE? Keep us running by whitelisting CIDOSHARE in your ad blocker.

This is how to whitelisting CIDOSHARE in your ad blocker.

Thank you!

×
×
×