Bagaimana cara menampilkan widget di halaman tertentu
Kita ingin menampilkan widget di
halaman posting saja atau di homepage? Pertanyaan ini sering menggelitik di benak kita. Bagaimana ya caranya? Mengapa harus di tampilkan di homepage
atau di halaman posting saja? Selain untuk merapihkan letak-letak widget
kita agar enak di lihat oleh pengunjung, trik ini juga termasuk salah satu trik
menjadikanblog SEO Friendly yg
mana widget yg tidak perlu di tampilkan pada halaman posting kita tempatkan
pada homepage blog kita, atau di halaman lain yg kita inginkan seperti widget
penggemar,shoutbox dll.
1. Login ke dashboard blogger
2. pilih Rancangan »» edit
HTML
3. Beri tanda centang pada tulisan Expand
Template Widget
4. Lalu cari kode widget yg akan di
tampilkan pada halaman tertentu.
Caranya cari nama judul pada widget
tersebut menggunakan tombol F3.
untuk mempermudah pencarian kode widget,
sebaiknya widget yg akan di edit di beri judul dulu.
Untuk contohnya Blogtegal akan mengedit
dan menampilkan widget iklan Adsense hanya pada halaman posting saja dengan
judul widget bernama iklan adsense.contohnya
<b:widget id='HTML1'
locked='false' title='iklan adsense' 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>
Kode di atas akan menampilkan widget di
semua halaman. Nah. bila anda ingin menampilkan widget tersebut di
halaman posting saja maka harus di tambahi kode berikut »»
<b:if cond='data:blog.pageType ==
"item"'>
................,.........................................,...............................
</b:if>
Dan nantinya akan menjadi seperti ini.
<b:widget id='HTML1' locked='false' title='iklan
adsense' 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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Dari kode diatas yg sudah di edit, hanya
akan muncul di halaman posting saja dan tidak akan muncul di homepage.
Nah untuk menampilkan widget pada
halaman-halaman yg di inginkan, misal pada homepage saja, pada staticpage saja,
pada halaman archive saja dan pada halaman index saja berikut kode-kode yg bisa
anda pakai, tinggal ganti kode yg berwarna ungu dg salah satu kode di bawah
ini.
A. Menampilkan widget hanya pada halaman
depan saja (homepage).
<b:if cond='data:blog.url ==
data:blog.homepageUrl'>
......................................................
</b:if>
B. Menampilkan di semua halaman kecuali
homepage (bisa di arsip, hasil pencarian ataupun label)
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
C. Menampilkan widget hanya pada halaman
Archive saja.
<b:if cond='data:blog.pageType ==
"archive"'>
......................................................
</b:if>
D. Menampilkan widget di semua halaman
kecuali halaman archive
<b:if cond='data:blog.pageType !=
"archive"'>
......................................................
</b:if>
E. Menampilkan widget hanya di halaman
item (posting).
<b:if cond='data:blog.pageType ==
"item"'>
......................................................
</b:if>
F. Menampilkan widget di semua halaman,
kecuali halaman posting
<b:if cond='data:blog.pageType !=
"item"'>
......................................................
</b:if>
G. Menampilkan widget hanya pada halaman
staticpages
<b:if cond='data:blog.pageType ==
"static_page"'>
......................................................
</b:if>
H. Menampilkan widget di semua
halaman,kecuali halaman staticpages
<b:if cond='data:blog.pageType !=
"static_page"'>
......................................................
</b:if>
I. Menampilkan widget hanya pada
postingan tertentu saja
<b:if cond='data:blog.pageType ==
"alamat-postingan"'>
......................................................
</b:if>
J. Menampilkan widget selain di postingan
tertentu
<b:if cond='data:blog.pageType !=
"alamat-postingan"'>
......................................................
</b:if>
Bagaimana rekan-rekan? Jangan lupa cadangkan template terlebih dulu ya... Bila ada kesalahan bisa dengan mudah kita kembali ke template awal.
Semoga bermanfaat....
Tidak ada komentar:
Posting Komentar