Tutorial berikut ini adalah bagaimana cara menampilkan widget di halaman posting, homepage atau di halaman yang kita inginkan saja, misalnya kita hanya ingin menampilkannya di halaman posting atau di homepage. Mungkin sobat sudah pernah berkunjung ke blog-blog lain dan menemukan dimana widgetnya hanya di tampilkan di halaman-halaman tertentu saja, mungkin karna keinginan pemilik blog itu atau permintaan dari orang yang ingin memasangkan widget itu (contohnya iklan).

Setelah pada waktu yang lalu saya telah membagikan tutorial cara memasang/ mendaftarkan Rss Feedburner ke blog dimana feed burner juga bermanfaat untuk melakukan ping blog dan dapat menaikan trafict blog, maka di tutorial berikut ini walaupun mungkin sudah bayak di tulis maka saya akan membagikan kepada anda yang belum tahu bagaiman caranya. Baiklah sobat berikut adalah tutorial bagaimana cara menampilkan widget blog hanya di halaman yang kita inginkan saja, misalnya halaman posting atau homepage blog.

Anda harus mengenali ID widget anda. Supaya anda dapat mengenal widget apa yang ingin anda tampilkan di postingan atau homepage blog. Misalnya disini saya contohkan Widget Artikel terbaru saya yang hanya saya tampilkan di halaman posting saja.

Silahkan masuk ke edit template anda. Pilih template dan edit HTML

Edit tamplate

Kemudian Cari widget yang anda ingin edit tampilannya. Misalnya saya hanya ingin menampilakan widget Artikel Terbaru saya hanya di halaman posting. Sebelumnya elemen HTML widgetnya seperti ini.

widget di tampilkan

Kemudian Saya menambahkan elemen yang saya beri warna merah berikut ini ke widget saya.
<b:if cond='data:blog.pageType == "item"'>Kode widget
</b:if>
Letak kedua elemen di atas berdasarkan widget seperti widget saya ( gambar di atas ) sobat dapat melihat contoh berikut ini.
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'> <!-- 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:if></b:includable>
</b:widget>
Tinggal save dan selesai. Mudah bukan? sekarang jika sobat ingin menampilakan widget sobat hanya di home page blog/ website sobat. Caranya seperti di atas cuma kodenya saja yang berbeda silahkan tambahkan kode HTML berikuut ini ke widget anda. letaknya lihat saja contoh di atas.
<b:if cond='data:blog.pageType == "item"'>Kode widget
</b:if>
Berikut ini jika hanya ingin memasang widget di halaman yang anda inginkan saja. ( URL halaman tertentu anda ).
<b:if cond='data:blog.url == "URL Halaman anda di sini"'>Kode Widget
</b:if>
Setelah sobat selesai tinggal save template sobat. Untuk menerapkannya ke widget yang lainya yang anda inginkan tinggal menambahkan kode-kode tags seperti contoh di atas. Demikian mengenai cara menampilkan widget hanya di halaman posting atau homepage blog atau website. Semoga tutorial ini bermanfaat untuk anda.

Bagikan ke

Related Post:

0 Komentar