Skip to main content

Tag Conditional Blogger Untuk Versi Mobile dan Desktop

Senin, 05 April 2021

Tag Conditional Blogger Untuk Versi Mobile dan Desktop - Tag Conditional Blogger sebenarnya banyak sekali dan tentunya sangat berguna untuk mengatur widget atau css tertentu pada sebuah halaman blog. Bahkan seiring waktu saat ini tag conditional sudah ada versi terbarunya.

Namun pada kesempatan yang baik ini saya tidak akan ulas semua tag conditional karena berdasarkan pengalaman tidak semuanya juga kita pakai, jadi saya ringkas yang umumnya sering digunakan saja seperti menampilkan widget hanya di homepage, menampilkan widget hanya dalam dipostingan dan mengatur widget dalam versi mobile maupun dekstop.

Biasanya saya hanya menggunakan "TAG" itu saja selebihnya memang jarang saya gunakan jika tidak ada settingan khusus. Nah buat kamu khusus pemula yang ingin belajar tag conditional blogger seperti ini tidak usah ribet-ribet seiring perjalan waktu kamu bisa mengembangkannya ke tag-tag yang lainnya.

Berikut ini tag conditional blogger versi Mobile dan Dekstop

Menampilkan Widget di Versi Mobile Atau Menyembunyikan di Versi Desktop

<b:if cond='data:blog.isMobileRequest=="true"'>
----------------
</b:if>

Menyembunyikan Widget di Versi Mobile Atau Menampilkan di Versi Desktop

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

Untuk penerapanya perhatikan gambar ini (klik untuk perbesar)

Tag Conditional Blogger Untuk Versi Mobile dan Desktop

Pastikan kode tag conditonal selalu di bawah kode

 <b:includable id='main'>

Untuk penutupnya silahkan scroll ke bawah sedikit sampe melihat kode berikut (lihat gambar -klik perbesar)

Tag Conditional Blogger Untuk Versi Mobile dan Desktop

Tag penutupnya letakan di atas kode

</b:includable>

Untuk cara mudahnya jika kalian sudah paham ID WIDGET, kita bisa menghilangkannya hanya dengan menggunakan CSS. Gunakan kode ini dalam template Anda.

#idwidget {display:none;} Misalkan ID WIDGET kalian HTML2, maka menjadi seperti ini #HTML2 {display:none;}

Save Template.

Bagikan:

Hallo sobat! blog.jejakunik.com membuka kesempatan untuk anda mempromosikan Produk atau Jasa secara GRATIS pada blog ini. Detailnya bisa kamu lihat di CLICK HERE
Buka Komentar
Tutup Komentar