Menampilkan Blogger Widget hanya di Home Page atau Post Page

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
Menampilkan Blogger Widget hanya di Home Page atau Post Page
  •  Atau dari blog preview arahkan kursor pada icon Quickedit,
Menampilkan Blogger Widget hanya di Home Page atau Post Page
  • 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.

2 Responses to "Menampilkan Blogger Widget hanya di Home Page atau Post Page"