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>
</b:widget>
<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>
- 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 ^_^