-->

Notification

×

Iklan

Iklan

Indeks Berita

Tag Terpopuler

Cara Menyembunyikan Dan Menampilkan Widget Di Blogspot

Senin, 16 Juli 2018 | Juli 16, 2018 WIB Last Updated 2018-07-16T15:45:39Z
Tutorial Blog

Raa Pramuja - Kita bisa mengatur widget apa saja yang mau ditampilkan di halaman depan atau widget apa saja yang mau disembunyikan di halaman postingan/statis sehingga tampilan blog kita lebih rapih.
Teknik ini cukup mudah untuk diimplementasikan di blog, dan hanya memerlukan waktu beberapa menit saja. Untuk menampilkan dan menyembunyikan widget ini hanya perlu untuk menyisipkan kode HTML sesuai dengan yang diinginkan.
Berikut Teknik cara menampilkan dan menyembunyikan widget di blog, bisa digunakan dibagian head atau body HTML.
catatan: gunakan sesuai keperluan.
1. Untuk menampilkan elemen/widget hanya di Home page.
Kodenya
123<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- ISI dari elemen atau Widget -->
</b:if>
Contoh Penggunannya
1234567891011121314<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>
warna merah adalah batas dari penggunaan kode.
warna biru adalah kodenya.
Atau
12345678<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>
2. Untuk menampilkan elemen/widget hanya di Post page (postingan).
123<b:if cond='data:blog.pageType == "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
3. Untuk menyembunyikan elemen/widget di Post page (postingan artikel).
123<b:if cond='data:blog.pageType != "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
4. Untuk menampilkan elemen/widget di halaman tertentu.
[ads-post]
123<b:if cond='data:blog.url == "URL Halaman"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
Catatan: GANTI URL Halaman dengan Url / Link yang dikehendaki.
5. Untuk menyembunyikan elemen/widget di halaman tertentu.
123<b:if cond='data:blog.url != "URL Halaman"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
Catatan: GANTI URL Halaman dengan Url / Link yang dikehendaki.
6. Untuk menampilkan elemen/widget hanya di halaman arsip (archive).
123<b:if cond='data:blog.pageType == "archive"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
7. Untuk menyembunyikan elemen/widget di halaman arsip (archive).
123<b:if cond='data:blog.pageType != "archive"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
8. Untuk menampilkan elemen/widget hanya di halaman statis (static page).
123<b:if cond='data:blog.pageType == "static_page"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
9. Untuk menyembunyikan elemen/widget di halaman statis (static page).
123<b:if cond='data:blog.pageType != "static_page"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
Cara diatas dapat digunakan untuk menampilkan atau menyembunyikan elemen tertentu seperti tampilan halaman depan (Beranda), halaman postingan artikel, halaman statis, ataupun halaman arsip tidak penuh dijejali dengan berbagai macam widget.
Semoga bermanfaat.
×
Berita Terbaru Update