Cara Menampilkan Widget Tertentu di Halaman Tertentu

MurliCyber    3/24/2016    Blogger , Html , Tips dan Trik , Tutorial    Comment   

Pernah suatu ketika saya mengunjungi sebuah blog, ada sesuatu yang aneh di blog tersebut, ketika saya memasuki halaman post nya, widget A yang tadi ada, di halaman home page, ketika sudah di dalam postingan,kok widget A tadi hilang ya? saya masih binggung, terus saya masuk lagi ke halaman statistik nya, lahhh kok semua widget udah hilang, cuma ada halaman post doang, tadi di halaman home page semua widget ada?

Dari situlah saya makin penasaran, ternyata setelah saya googling, untuk memuncul kan widget tertentu di halaman tertentu, kita hanya menggunakan HTML untuk mengakali nya, misal nya
di home page widget A muncul, ketika di halaman post widget A sudah hilang,disini kita cuma menggunakan HTML untuk menghilangkan nya, dan memunculkan nya kembali, terserah di halaman mana saja kita mau

Berikut Adalah Kode Html nya

1. Menampilkan Widget Hanya di Halaman Depan Saja (Homepage)

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

2. Menampilkan di Semua Halaman Kecuali Homepage

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

3. Menampilkan Widget Hanya di Halaman Archive Saja

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

4. Menampilkan Widget di Semua Halaman Kecuali Halaman Archive

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

5. Menampilkan Widget Hanya di Halaman Posting

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

6. Menampilkan Widget di Semua Halaman, Kecuali Halaman Posting

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

7. Menampilkan Widget Hanya di Postingan Tertentu Saja

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

8. Menampilkan Widget Selain di Postingan Tertentu

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

9. Menampilkan widget hanya di halaman staticpages

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

10. Menampilkan Widget di Semua Halaman, Kecuali Halaman Staticpages

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

Tanda ...................... ini di isi dengan kode widget

Contoh:
di halaman postingan ada widget fanspage facebook, kemudian kita ingin menghilangkan nya ketika di halaman post, penulisan kode nya begini, kita ambil kode HTML yang nomor 5, karena kode ini widget nya nanti hanya muncul di halaman postingan

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#fanspage{display:none;}
</style> 
</b:if>

Kenapa ada kode <style> di dalam html itu? itu karena di dalam nya kita menggunakan css, jadi harus menggunakan tag style, jika kita menggunakan HTML saja untuk memunculkan widget nya apakah bisa? bisa, asal ngerti aja penempatan kode widget nya, seperti contoh untuk HTML saja

<b:widget id='HTML4' locked='false' title='fanspage' type='HTML'> <b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- 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>

Kode warna merah adalah salah satu html pengatur widget tadi

Begitulah cara memunculkan widget tertentu di halaman tertentu, agak pusing memang, tapi jika sudah tau maksud kode nya, sangat mudah jika di terapkan, sekian dan Terima kasih.