Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Menampilkan Widget di Halaman Tertentu pada Blogspot.
Cara Menampilkan Widget di Halaman Tertentu :
- Loggin pada Blogger
- Masuk mode Design kemudian Edit HTML
- Centang Expand Template Widget
- Cari kode seperti ini :
<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<!-- 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:includable>
</b:widget>
<b:includable id='main'>
<!-- 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:includable>
</b:widget>
- Untuk mempermudah pencarian judul widget seperti Pesan ke dalam kotak pencarian browser ( Ctrl+F )
- Jika sudah ketemu tambahkan kode berikut :
- Tutup dengan kode </b:if> untuk menempatkan dihanya halaman depan saja dan ditempatkan di tempat seperti dibawah ini :
<b:widget id='HTML1' locked='false' title='Pesan' 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 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>
Baca Juga
- Cara Membuat Kotak Tukeran Link pada Blog / Menggunakan Scroll
- Cara Menampilkan Widget Hanya di Halaman Depan Saja
- Cara Menampilkan Foto di Komentar Blog
- Cara Menampilkan Seluruh Postingan Blog pada Label Jika di Klik
- Cara Menampilkan Widget di Halaman Tertentu
- Cara Membuat Tepi Gambar Bershadow Dengan CSS 3
- Cara Mengembalikan Navbar Blog yang Hilang pada Blog
- Cara Menampilkan Ip Adress Untuk Pengunjung Blog
</b:includable>
</b:widget>
Untuk menempatkan di halaman Archive saja
Untuk menempatkan dihalaman item/posting saja digunakan code
Dan untuk pada halaman pages atau static page blogger digunakan
Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini
Ganti code URL_HERE dengan URL yang ingin anda tampilkan.
Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !
Contoh :
Demikian blogger tutorial mengenai Cara Menampilkan Widget di Halaman Tertentu.
Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^
</b:widget>
- Perhatikan penempatan kode yang berwarna merah
- Jika sudah klik Save
Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya
Untuk menempatkan di halaman depan/index digunakan code
Untuk menempatkan di halaman depan/index digunakan code
<b:if cond='data:blog.pageType == data:blog.homepageUrl'>
Untuk menempatkan di halaman Archive saja
<b:if cond='data:blog.pageType == "archive"'>
Untuk menempatkan dihalaman item/posting saja digunakan code
<b:if cond='data:blog.pageType == "item"'>
Dan untuk pada halaman pages atau static page blogger digunakan
<b:if cond='data:blog.pageType == "static_page"'>
Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini
<b:if cond='data:blog.url == "URL_HERE"'>
Ganti code URL_HERE dengan URL yang ingin anda tampilkan.
Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !
Contoh :
<b:if cond='data:blog.pageType != data:blog.homepageUrl'>
Demikian blogger tutorial mengenai Cara Menampilkan Widget di Halaman Tertentu.
Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^
