Cara Menampilkan widget di Postingan atau Homepage. Tutorial seocips berikut ini adalah bagaimana cara menampilkan widget di halaman posting, hanya homepage atau di halaman yang kita inginkan saja, 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 kami 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

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

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.

Menampilkan Widget di Label Tertentu.

Di bagian ini seocips akan membagikan trik bagaimana cara menampilakn widget di label tertentu, jadi misalnya jika kita ingin menampilakan widget hanya di label misalnya" Blog " maka widget hanya akan muncul di postingan yang ber label " Blog".  Bagaimana caranya? Baca disini.

Menampilkan widget di versi Mobile.

Adakalanya widget yang telah kita pasang diblog tidak di tampilkan di versi mobilenya, cara untuk emnapilakan widget di versi mobile sebenarnya sangat mudah, caranya telah kami bagikan di artikel ini.

Oh iya pada waktu yang lalu juga seocips.com telah membagikan tutorial tentang  cara memasang/ mendaftarkan Rss Feedburner ke blog dimana feed burner juga bermanfaat untuk melakukan ping blog dan dapat menaikan trafict blog.

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.
8 Komentar untuk "Cara Menampilkan Widget Hanya Di Homepage / Postingan"

mantap kang tutorialnya, padat dan jelas, salam yuli

Setuju....sangat bermanfaat buat newbie. mudah untuk diikuti.

Saya masih belum paham apa yang harus dicari di HTML?

makasi gan sangat membantu,,
nice post

@Roli Supiawan
untuk cari kode html itu, gunakan aja tombol 'lompat ke widget'.
Makasih tutornya mas.