Menampilkan dan menyembunyikan widget pada halaman tertentu
IRVAN EFENDI
Thursday, February 12, 2015
S ecara default bila kita menambahkan widget pada blog akan muncul pada bagian homepage dan juga pada bagian halaman halaman post lainnya. Untuk membuat widget hanya tampil pada halaman tertentu atau juga menyembunyikan widget pada halaman tertentu sesuai yang kita hendaki, kita bisa lakukan dengan menambahkan kode perintah tertentu pada template. Menyembunyikan widget biasanya digunakan pada halaman-statis yang memerlukan ruang tersendiri di blog, seperti halaman Contact, About Me, Sitemap, Tukar Link atau halaman lainya yang kita kehendaki. Atau mungkin juga Anda hanya ingin menampilkan widget-widget tersebut hanya di homepage saja. Untuk mempermudah kita bahas satu persatu sebagai berikut :
Kode
perintah dibawah disisipkan pada bagian widget yang ingin kita tampilkan pada halaman utama atau homepage, dibawah ini langkah dan Kode
yang perlu ditambahkan adalah sebagai berikut.
Menampilkan elemen/widget hanya di Halaman Utama/Hompage :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
...........
</b:if>
Menyembunyikan elemen/widget di Halaman Utama/Hompage :
<b:if cond='data:blog.url != data:blog.homepageUrl'> ........... </b:if>
Menampilkan elemen/widget hanya di Staticpages :
<b:if cond='data:blog.pageType == "static_page"'> ........... </b:if>
Menyembunyikan elemen/widget di Staticpages :
<b:if cond='data:blog.pageType != "static_page"'> ........... </b:if>
Menampilkan elemen/widget hanya di Itempages (Postingan) :
<b:if cond='data:blog.pageType == "item"'> ........... </b:if>
Menyembunyikan elemen/widget di Itempages (Postingan) :
<b:if cond='data:blog.pageType != "item"'> ........... </b:if>
Menampilkan elemen/widget hanya Pada Archivepages :
<b:if cond='data:blog.pageType == "archive"'> ............ </b:if>
Menyembunyikan elemen/widget di Archivepages :
<b:if cond='data:blog.pageType != "archive"'> ............ </b:if>
Menampilkan elemen/widget pada URL Postingan Tertentu :
<b:if cond='data:blog.url == "URL Postingan"'> ............ </b:if>
Menyembunyikan elemen/widget di URL Postingan Tertentu :
<b:if cond='data:blog.url != "Alamat Postingan"'> ............. </b:if>
note : perhatikan Kode
" == " untuk menampilkan
sedangkan Kode
" != " untuk menyembunyikan
Contoh Untuk menampilkan elemen/widget hanya di Homepage Saja.
Kodenya :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- ISI dari elemen atau Widget -->
</b:if>
Copy
Contoh pemasangan :
<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> Copy
Kode
yang saya Blok warna Merah adalah batas dari penggunaan kode.
Kode
yang saya Blok warna Kuning adalah kodenya.
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> Copy
Jika bermanfaat? Bantu share ya sobat
Modal Kecil bisa mendapatkan hasil yg luar biasa...
My life is my message.
jangan lupo mampir ke blog saya ya gan di www.portalcoding.com
Cuma Slidernya tidak bisa jalan ya jika blogspot di alihkan ke dot.ID
Mohon infonya.
Tolong gan !!