Nulisku Desain Blog Cara Menyembunyikan dan Menampilkan Widget di Halaman Tertentu pada Blog

Cara Menyembunyikan dan Menampilkan Widget di Halaman Tertentu pada Blog

Bagi sobat yang menginginkan menyembunyikan atau menampilkan widget pada halaman tertentu dengan tujuan agar bisa lebih memaksimalkan halaman blog, ada baiknya mencoba menerapkan panduan blog berikut ini.

Salah satu contoh penerapan tips desain blog kali ini adalah ketika kita akan menampilakan beberapa iklan pada blog di halaman tertentu yang berada pada laman widget pada sidebar atau header. Ini menjadi hal penting untuk menentukan target penempatan iklan yang tepat ketika blog kita dibuka melalui desktop maupun mobile.

Baca juga: Resizer – Alat Uji Responsive Web Testing Tool dari Google

Cara Menyembunyikan dan Menampilkan Widget Tertentu di Blog

Berikut ini ada beberapa cara untuk menyembunyikan atau menampilkan widget tertenti di blog, baik di halaman home pages, halaman dalam maupun halaman statis, atau bahkan pada halaman tertentu saja sesuai dengan alamat url yang kita inginkan.

1. Menampilkan elemen/widget hanya di Home page

<b:if cond=’data:blog.url == data:blog.homepageUrl’>
 <!– ISI elemen atau Widget –>
</b:if>

2. Menampilkan elemen/widget hanya di Post page (postingan)

<b:if cond=’data:blog.pageType == “item”‘>
<!– isi elemen atau Widget –>
</b:if>

3. Menyembunyikan elemen/widget di Post page (postingan artikel)

<b:if cond=’data:blog.pageType != “item”‘>
<!– isi elemen atau Widget –>
</b:if>

4. Menampilkan elemen/widget di halaman tertentu (alamat Url tertentu)

<b:if cond=’data:blog.url == “URL Halaman”‘>
<!– isi elemen atau Widget –>
</b:if>

5. Menampilkan elemen/widget hanya di halaman arsip (archive)

<b:if cond=’data:blog.pageType == “archive”‘>
<!– isi elemen atau Widget –>
</b:if>

6. Menampilkan elemen/widget hanya di halaman statis (static page)

<b:if cond=’data:blog.pageType == “static_page”‘>
<!– isi elemen atau Widget –>
</b:if>

Cara penggunaan kode di atas:

1. Silakan bukan akun blogger > pilih edit template > mode html
2. Silakan cari kode widget yang dikehendaki
3. Letakkan kode sesuai format  di atas

Contoh: Misalkan ingin menampilkan widget eksternal link di blog SL Style Magz tentang situs Forum Blogger Indonesia hanya di halaman post page (halaman dalam artikel), maka akan seperti ilustrasi di bawah ini penempatan kodenya:

Cara Menyembunyikan dan Menampilkan Widget Tertentu di Blog

Kode <b:if cond=’data:blog.url == data:blog.homepageUrl’> diletakkan di depan atau di bawah kode <b:incudable id=’main’>, kemudian kode penutupnya </b:if> harus diletakkan di atas kode </b:incudable>

Hasilnya, ketika Sobat membuka blog SL Style Magz, di halaman home pages pada bagian sidebar hanya terdiri dari kotak pencarian, ruang iklan dan widget entri populer.

Namun ketika Sobat buka salah satu artikel, maka pada bagian sidebar akan muncul widget Forum Blogger Indonesia seperti pada kasus contoh yang saya berikan.

Saya kira cara ini cukup mudah dan bisa difahami.

Baca juga: Cara Memasang Iklan Page Level Adsense – Tips Menaikkan Pendapatan Adsense

Demikian sekelumit tips panduan blog khususnya tentang Cara Menyembunyikan dan Menampilkan Widget Tertentu di Blog. Semoga bermanfaat, salam sukses selalu.

3 Likes

Author: admin

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *