Cara Menampilkan atau Menyembunyikan Elemen/Gadget dengan mudah di Blog

Sobat EL YASH AS, kali ini saya akan membagikan cara menampilkan atau menyembunyikan elemen/gadget tertentu dari blog.

Teknik ini cukup mudah untuk diimplementasikan di blog. Hanya memerlukan beberapa menit saja. Kita hanya perlu menyisipkan kode HTML sesuai yang diinginkan.

Begini caranya:

Pertama-pertama kita masuk ke dasbor Blogger kita, kemudian pilih menu "Templat" seperti gambar di bawah ini:

Setelah itu, pilih "Edit HTML".

Setelah masuk di mode HTML, carilah gadget yang ingin Anda tampilkan/sembunyikan dengan mengklik "Lompat ke widget".

Setelah diklik, akan muncul pilihan nama-nama gadget yang bisa kita pilih, kemudian pilihlah salah satunya sesuai dengan keinginan kita.

Setelah salah satu gadget yang kita inginkan telah dipilih, maka editor HTML akan langsung menunjukkan HTML gadget yang kita pilih. Tempelkan kode HTML sesuai dengan keinginan kita pada HTML gadget tersebut berdasarkan teknik-teknik di bawah ini. Jika Anda masih merasa kesulitan, silakan tinggalkan komentar di form komentar di bawah postingan ini.

1. Untuk menampilkan elemen/gadget hanya di Homepage

Kodenya:

<b:if cond='data:blog.url == data:blog.homepageUrl'> <!-- ISI dari elemen atau Widget --> </b:if>

Contoh penggunaannya:

<b:widget id='HTML1' locked='false' title='Nama title' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget>

Catatan: Warna merah adalah batas dari penggunaan kode. Warna biru adalah kode.

Atau:

<b:if cond='data:blog.url == data:blog.homepageUrl'> <style type='text/css'> /* -- Ini adalah CSS style -- */</style> <script type='text/javascript' > //Ini adalah kode JavaScript </script> </b:if>

2. Untuk menampilkan elemen/gadget hanya di Postpage (halaman postingan)

<b:if cond='data:blog.pageType == "item"'> <!-- ISI dari elemen atau Widget --> </b:if>

3. Untuk menyembunyikan elemen/gadget hanya di Postpage (halaman postingan)

<b:if cond='data:blog.pageType != "item"'> <!-- ISI dari elemen atau Widget --> </b:if>

4. Untuk menampilkan elemen/gadget di halaman tertentu

<b:if cond='data:blog.url == "URL Halaman"'> <!-- ISI dari elemen atau Widget --> </b:if>

Catatan: Ganti URL Halaman dengan URL/link yang dikehendaki.

5. Untuk menyembunyikan elemen/gadget di halaman tertentu

<b:if cond='data:blog.url != "URL Halaman"'> <!-- ISI dari elemen atau Widget --> </b:if>

Catatan: Ganti URL Halaman dengan URL/link yang dikehendaki.

6. Untuk menampilkan elemen/gadget hanya di halaman Archive (arsip)

<b:if cond='data:blog.pageType == "archive"'> <!-- ISI dari elemen atau Widget --> </b:if>

7. Untuk menyembunyikan elemen/gadget di halaman Archive (arsip)

<b:if cond='data:blog.pageType != "archive"'> <!-- ISI dari elemen atau Widget --> </b:if>

8. Untuk menampilkan elemen/gadget hanya di halaman statis

<b:if cond='data:blog.pageType == "static_page"'> <!-- ISI dari elemen atau Widget --> </b:if>

9. Untuk menyembunyikan elemen/gadget di halaman statis

<b:if cond='data:blog.pageType != "static_page"'> <!-- ISI dari elemen atau Widget --> </b:if>

Sekian postingan kali ini, semoga bermanfaat.