Cara Mudah Menampilkan Widget di Mobile Device Atau Menyembunyikan Cara Mudah Menampilkan Widget di Mobile Device Atau Menyembunyikan - mizipediacom mizipediacom: Cara Mudah Menampilkan Widget di Mobile Device Atau Menyembunyikan

KATEGORI










LIVE TV

Iklan Semua Halaman

Cara Mudah Menampilkan Widget di Mobile Device Atau Menyembunyikan

Sunday, 26 May 2019



Mungkin sebagian dari teman - teman blogger ada sebagiannya sudah mengotak atik templatenya atau ada yang menambahkan aksessoris  atau widget di template milik teman- teman, namun inginnya tampil widget tersebut hanya di perangkat mobile device saja. cara nya gampang kok anda bisa baca terus penjelasanya sampai habis ya.  ^-^

Menampilkan widget tertentu hanya di versi mobile saja. Kita bisa melakukan untuk menampilkan atau menyembunyikan widget blog di versi mobile device. Apalagi di zaman sekarang ini orang-orang lebih banyak suka menggunakan perangkat mobile ketimbang laptop atau pc, alasan tertentu mungkin lebih mudah atau simple untuk berselancar di dunia internet.

Nah setelah Algoritma Google Mobile Friendly diperbarui. Banyak webmaster membuat situs yang Mobile Friendly dan juga responsive agar dapat diakses lebih cepat dan nyaman melalui perangkat mobile. Tentunya saja hal ini merupakan langkah positif dan sebagai pondasi awal dalam membangun sebuah website, untuk langkah selanjutnya tinggal bagaimana kita mengelola situs tersebut hingga berhasil.

Langsung saja ya kita menuju ke tkp, bagaimana Cara Mudah Menampilkan Widget di Mobile Device Atau  Menyembunyikan. Cara ini siapa saja bisa  melakukannya sekalipun anda masih pemula seperti saya dengan menambahkan tag CSS display:none pada widget tertentu yang ingin disembunyikan pada perangkat mobile dengan resolusi tertentu, namun ada cara yang lebih simple atau lebih gampang lagi caranya untuk di terapkan di blog anda. Yuk Cekidot.....
Perlu di perhatikan juga ya cara ini hanya berlaku pada perangkat smartphone saja dan tidak akan berpengaruh terhadap perangkat tablet, iPad, dan lainnya.

Menampilkan Widget di Mobile Device

Hal yang pertama, pastikan anda sudah buka template editor di blog milik anda. Selanjutnya tentukan widget apa yang akan disembunyikan dari perangkat mobile, contohnya di sini saya akan Menampilkan widget HTML1 di dalam template dengan penulisan tag kondisional seperti ini

Cara ini bagi yang ingin menampilkan widget hanya di perangkat mobile saja anda bisa mengganti nilai false pada kode di bawah ini menjadi true
<b:if cond='data:blog.isMobileRequest == "true"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>

Menyembunyikan Widget di Mobile Device

Nah jika anda ingin menyembunyikan widget hanya di perangkat mobile saja, anda bisa mengubah nilai true di atas menjadi false seperti contoh di bawah ini.
<b:if cond='data:blog.isMobileRequest == "false"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>
Jika sudah anda edit template anda, jangan bengong ya. Langsung klik Save template nya. ^-^

Mungkin sampai disni saja penjelasan singkat dari mizipediacom. Bagaimna mudah kan untuk mengikuti tutorialnya, karena saya sudah membuktikannya di template milik saya dan berhasil. Jadi tinggal anda lagi yang menerapkannya di template milik anda.

Jangan lupa ikuti terus panduan update terbaru dari mizipediacom agar anda tidak ketinggalan postingan terbaru nantinya. Semoga artikel ini bisa membantu anda. :-)
Lihat Juga