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;
Contoh lengkapnya akan seperti ini kurang lebihnya;
Jika anda bingung menentukan widget mana yang tepat sasaran, coba pakai trik jadul ini;
Id widget yang akan kita rubah sudah kita temukan, sekarang bagaimana
Cara menampilkan widget hanya di home page saja.
Cara menampilkan widget hanya di post page saja.
Langkah-langkahnya seperti diatas tadi, hanya saja pada kode ini;
Cara menampilkan widget hanya di post tertentu saja.
Cara menampilkan widget hanya di statis page saja.
Cara menyembunyikan widget dari statis page.
Cara menampilkan widget hanya pada halaman arsip.
Selamat mencoba, salam blogger.
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=... dstLabel widget akan seperti ini;
<b:widget id='Label1' locked='false'... dstHTML widget seperti ini;
<b:widget id='HTML7' locked='false'... dstbegitu 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 != ""'>
<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§ionId=sidebartab2atau ini dan lain sebagainya tergantung widget mana yang anda pilih.
http://www.blogger.com/rearrange?blogID=689785718xxxxxxxxxx&widgetType=Label&widgetId=HTML7&action=editWidget§ionId=sidebartab2Perhatikan 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 != ""'>
<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.
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.