Cara Menampilkan Widget Di Halaman Yang Kita Inginkan

Cara Menampilkan widget di Halaman Yang Kita Inginkan - Tutorial berikut ini adalah bagaimana cara menampilkan widget di Halaman Yang Kita Inginkan,  misalnya kita hanya ingin menampilkannya hanya 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).

Tutorial berikut ini memang sudah banyak di tulis, tapi saaya bagikan kepada anda yang belum tahu bagaiman caranya membuatnya. Baiklah sobat berikut adalah tutorial bagaimana cara menampilkan widget blog hanya di halaman yang kita inginkan saja, misalnya halaman posting atau homepage blog dan di halaman halaman lain yang kita inginkan.

Menampilkan widget di Halaman Yang diinginkan

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

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.

Menampilkan Widget di Halaman Postingan

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?

Menampilkan widget di Homepage

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.url == data:blog.homepageUrl'>
Kode widget
</b:if>

Simpan dan selesai.

Menampilkan widget di halaman yang di inginkan

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>

Simpan dan selesai.


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 Yang Kita Inginkan blog atau website. Semoga tutorial ini bermanfaat untuk anda

Share this :