Cara Menampilan Widget di Halaman Tertentu Blog

Menampilkan widget di halaman tertentu merupakan sebuah cara yang bertujuan agar para pembaca bisa melihat widget tertentu yang muncul entah itu di halaman pertama blog, halaman postingan, atau bahkan di halaman yang anda sendiri yang menentukannya. Dengan menyembunyikan widget, kita bisa mengurangi hal-hal seperti kebanyakan tampilan widget, sehingga kurang enak dipandang. Untuk itu perlu dilakukan penyembunyian widget khusus untuk halaman-halaman tertentu blog. Nah, cara untuk menyembunyikan widget cukup lah mudah dan tidak membutuhkan waktu yang lama. Karena anda cukup meletakkan beberapa kode html di dalam css tempat widget yang akan disembunyikan.

Tutorial Blogger

Mengenai cara menyembunyikan widget di beberapa halaman blog akan saya bahas dibawah ini. Jadi, bila anda ingin mencoba cara menyembunyikan widget dari saya, silakan baca lanjutan posting dari saya dibawah. Langsung saja daftar beberapa kode html yang dapat anda gunakan untuk menyembunyikan widget di blog maupun situs anda, agar widget tersebut hanya muncul di halaman tertentu yang sudah anda kehendaki. Berikut tutorial dan daftar html tersebut :

Cara Menampilan Widget di Halaman Tertentu Blog

1. Login ke akun blogger anda

2. Pilih tab tata letak

3. Beri nama widget mana yang akan anda sembunyikan. Memberi nama widget fungsinya agar mempermudah saat mencari letak widget tersebut. Jadi, bila widget sudah disembunyikan anda bisa menghapus nama tadi bila memang anda tidak membutuhkannya.

4. Masuk ke bagian template

5. Ketik ctrl+f untuk mempermudah mencari nama widget yang akan anda sembunyikan. Cari nama widget yang sudah anda tentukan namanya tadi. 

6. Jika sudah ketemu akan terlihat seperti ini : 

<b:widget id='HTML4' locked='false' title='Artikel Terbaru' type='HTML'> <b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/> </b:includable> </b:widget>

Keterangan : Kode yang berwarna merah diatas merupakan nama widget saya. 

7. Kemudian silakan pilih daftar kode yang ada dibawah untuk menentukan widget ini muncul dimana saja. Misalkan saya mengambil kode agar widget ini muncul kecuali di halaman depan maka akan menjadi seperti ini. 

<b:widget id='HTML4' locked='false' title='Artikel Terbaru' 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 != &quot;&quot;'><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>

Keterangan : Kode yang berwarna biru merupakan kode yang sudah saya sisipkan ke dalam widget tersebut agar widget tersebut tidak muncul di halaman depan blog.

8. Simpan dan lihat hasilnya

Daftar Kode Html Untuk Memunculkan Widget di Halaman Tertentu : 

1. Widget hanya tampil di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>

......................................................

</b:if>

2. Widget tampil di semua halaman kecuali homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>

......................................................

</b:if>

3. Widget tampil hanya di halaman Archive saja

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

......................................................

</b:if>

4. Widget tampil di semua halaman kecuali halaman archive

<b:if cond='data:blog.pageType != &quot;archive&quot;'>

......................................................

</b:if>

5. Widget tampil hanya di halaman posting

<b:if cond='data:blog.pageType == &quot;item&quot;'>

......................................................

</b:if>

6. Widget tampil di semua halaman, kecuali halaman posting

<b:if cond='data:blog.pageType != &quot;item&quot;'>

......................................................

</b:if> 

7. Widget tampil hanya di postingan tertentu saja

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>

......................................................

</b:if>

Keterangan : Ganti kode yang berwarna oren dengan alamat halaman yang anda kehendaki untuk menampilkan widget

8. Widget tampil selain di postingan tertentu

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>

......................................................

</b:if>

Keterangan : Ganti kode yang berwarna oren dengan alamat halaman yang anda kehendaki untuk tidak menampilkan widget

9. Widget tampil hanya di halaman staticpages

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

......................................................

</b:if>

10. Widget tampil di semua halaman, kecuali halaman staticpages

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

......................................................

</b:if> 

Nah itulah cara menampilkan widget di halaman tertentu blog yang dapat saya share untuk anda. Dengan mengikuti seluruh tutorial diatas, saya yakin anda sudah bisa untuk menyembunyikan widget anda agar tidak terlihat atau muncul di halaman yang sudah anda kehendaki. Semoga informasi mengenai cara menyembunyikan widget di halaman tertentu blog dapat bermanfaat untuk anda. Selamat mencoba.