Menampilkan widget tertentu di halaman tertentu


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

dari situlah gue makin penasaran,ternyata setelah gue 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 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 yang 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

Artikel RACT Design Lainnya :

0 comments:

Post a Comment

Scroll to top