Menampilkan Blogger Widget hanya di Home Page atau Post Page

Table of Contents

Sewaktu kita menambah suatu widget baik itu berupa link, archives, ads, gambar ataupun yang lain kedalam blog, widget tersebut akan muncul disemua page termasuk home page , static page dan post page. Sebagai contoh iklan adsense yang tidak dianjurkan untuk menampilkan iklan yang tidak ada berisi konten seprti halaman Privacy Police pada static page. Nah...bagaimana jika kita hanya ingin menampilkan suatu widget tertentu hanya muncul di home page, static page, post page atau dihalaman tertentu saja? Mudah-mudahan tips dibawah ini bisa membantu yak ;)

Sebelumnya kita pilih dulu widget mana yang akan kita rubah. Jika kita melihat kodenya (Dashboard - Template - edit HTML) suatu widget biasanya kode awalnya seperti ini;

<b:widget id=... dst

Label widget akan seperti ini;

<b:widget id='Label1' locked='false'... dst

HTML widget seperti ini;

<b:widget id='HTML7' locked='false'... dst

begitu juga dengan jenis widget lainnya.

Contoh lengkapnya akan seperti ini kurang lebihnya;

<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- 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:include name='quickedit'/>
</b:includable>
</b:widget>

Jika anda bingung menentukan widget mana yang tepat sasaran, coba pakai trik jadul ini;

• Dari  Dashboard - Layout, arahkan kursor ke tulisan EDIT di widget yang akan di edit

•  Atau dari blog preview arahkan kursor pada icon Quickedit,

• Kemudian lihat pada Navigation Toolbar browser anda akan menunjukkan id widget tersebut. Pemakai Chrome browser lihat bagian bawah browser akan terlihat.
• Jika masih kurang yakin, klik kanan pada Edit atau Quickedit tadi kemudian klik kanan lalu copy Link Location dan paste di notepad, hasilnya akan seperti ini;

http://www.blogger.com/rearrange?blogID=689785718xxxxxxxxxx&widgetType=Label&widgetId=Label1&action=editWidget&sectionId=sidebartab2

atau ini dan lain sebagainya tergantung widget mana yang anda pilih.

http://www.blogger.com/rearrange?blogID=689785718xxxxxxxxxx&widgetType=Label&widgetId=HTML7&action=editWidget&sectionId=sidebartab2

Perhatikan tulisan cetak tebal, itulah yang kita cari (id widget)


Id widget yang akan kita rubah sudah kita temukan, sekarang bagaimana
Cara menampilkan widget hanya di home page saja.

• Meluncur ke Dashboard - Template - edit HTML kemudian  dan cari id widgetnya.

• Cari kode ini;

<b:includable id='main'>

Tambahkan kode ini dibawahnya.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

• kemudian sisipkan kode ini sebagai penutup;

</b:if>

diatas kode ini;

</b:includable>

• ilustrasinya akan seperti ini (perhatikan tulisan cetak tebal adalah nama widget, dan tulisan berwarna merah adalah script yang sisipkan);

<b:widget id='HTML7' locked='false' title='' 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 != &quot;&quot;'>
<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>

• Save template dan lihat hasilnya ;)

Cara menampilkan widget hanya di post page saja, di post tertentu, di static page atau menyembunyikan widget agar tidak muncul di static page relatif sama. Hanya 1 baris script yang harus diganti.

Cara menampilkan widget hanya di post page saja.
Langkah-langkahnya seperti diatas tadi, hanya saja pada kode ini;

<b:if cond='data:blog.url == data:blog.homepageUrl'>

ganti dengan kode seperti ini;

<b:if cond='data:blog.pageType == "item"'>

Cara menampilkan widget hanya di post tertentu saja.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

ganti dengan kode seperti ini;

<b:if cond='data:blog.url == "Blog Post URL"'>

Cara menampilkan widget hanya di statis page saja.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

ganti dengan kode seperti ini;

<b:if cond='data:blog.pageType == "static_page"'>

Cara menyembunyikan widget dari statis page.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

ganti dengan kode seperti ini;

<b:if cond='data:blog.pageType != "static_page"'>

Cara menampilkan widget hanya pada halaman arsip.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

ganti dengan kode seperti ini;

<b:if cond='data:blog.pageType == "archive"'>

Selamat mencoba, salam blogger.

UPDATE:
Blogger telah mengupdate conditional tag menjadi lebih simple, template-template keluaran terbaru banyak yang telah menggunakannya. Meski begitu, template model lama atau dengan conditional tag yang lama tetap berfungsi. Berikut ini tag yang terbaru;

Homepage (Halaman Utama)

<b:if cond='data:view.isHomepage'>

versi lama

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Contoh URL : https://wooles.gudanghwi.com

Halaman Posting (Artikel)

<b:if cond='data:view.isPost'>

versi lama

<b:if cond='data:blog.pageType == "item"'>

Contoh URL : https://wooles.gudanghwi.com/2024/12/redirect-blogger-ke-url-lain-dan.html

Halaman Statis

<b:if cond='data:view.isPage'>

versi lama

<b:if cond='data:blog.pageType == "static_page"'>

Contoh URL : https://wooles.gudanghwi.com/p/disclaimer.html

Halaman Artikel dan Statis

<b:if cond='data:view.isSingleItem'>

versi lama

<b:if cond='data:blog.pageType in ["item", "static_page"]'>

Contoh URL : semua yang ada pada halaman posting (artikel) dan statis

Halaman Indeks

<b:if cond='data:view.isMultipleItems'>

versi lama

<b:if cond='data:blog.pageType == "index"'>

URL Mencakup Homepage, Static, Artikel, Search Query, Label, dan lainnya

Halaman Label

<b:if cond='data:view.isLabelSearch'>

versi lama

<b:if cond='data:blog.searchLabel'>

Contoh URL : https://wooles.gudanghwi.com/search/label/Blogger

Halaman Arsip

<b:if cond='data:view.isArchive'>

versi lama

<b:if cond='data:blog.pageType == "archive"'>

Contoh URL : https://wooles.gudanghwi.com/2024

Halaman Error 404 (Page Not Found)

<b:if cond='data:view.isError'>

versi lama

<b:if cond='data:blog.pageType == "error_page"'>

Halaman Pencarian

<b:if cond='data:view.isSearch'>

versi lama

<b:if cond='data:blog.searchQuery'>

Contoh URL : Semua yang mengandung search

Halaman Mobile (HP)

<b:if cond='data:blog.isMobileRequest'>

Contoh URL : https://wooles.gudanghwi.com/?m=1