Cara Menampilkan Widget Hanya Di Homepage / Postingan

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

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.

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>

SELAMAT MENCOBA..... | Jangan lupa berkomentar yaaa....

Share :

Tweet

✚

Related Post