Widget di Sidebar Hanya Tampil Di HomePage
Sudah lama saya tidak posting soal trik blog. Nah, menyempatkan waktu di sela kesibukan, akhirnya saya posting tentang trik blog. Jika kita rajin blogwalking, mlai dari dalam negeri hingga ke berbagai belahan dunia tentunya Anda akan banyak menemukan hal menarik. Salah satu yang menarik menurut saya, adalah widget terpilih di sidebar. Kali ini saya posting tentang modifikasi widget yang hanya tampil pada halaman depan (FrontPage), sementara ketika pengunjung masuk ke postingan Anda, widget tersebut akan hilang. Bagaimana caranya? Mudah sekali... Silahkan ikuti tutor berikut:
1. Cari Kode Widget
- Login ke blogger
- Tata Letak
- Edit HTML
- Centang Expand Templates Widget
Misalkan kode widget saya recent post saya adalah:
<b:widget id='HTML1' 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>
<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>
2. Tambahkan kode hingga menjadi seperti ini...
Nah, rubah kodenya menjadi seperti ini...
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- 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>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- 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>
Perhatikan yang berwarna merah adalah tambahannya....
Selamat mencoba...
Pertamax duLu !!!!
BalasHapuskomeng asli nyusul hehe
wah keren nih mas doyok, jadi kalo kita lagi ngebaca postingan g keganggu ama apa yang ada di sidebar yah...
BalasHapusOh kirain Ilmu baru mas ternyata yg ini, keep posting mas Doyok ku
BalasHapus@ali sippp, ocim lama gak post trik, jadi yg ringan dulu
BalasHapus@blog informasi, ya bisa seperti itu :D
ilmu baru nih,,
BalasHapusbisa dipraktekkan nih ..
silahkan ie chan
BalasHapusIni info udah lama tak tunggu akhirnya di posting juga, langsung di coba sahabat..
BalasHapus@kang sur hehehe makanya, seperti yg dilakuin oom jga :D
BalasHapuswkekekekekeke.... thank banget mas doy :p , selama ini sakit kepala lihat blog yg pake trik ini , terjawablah sudah pertanyaan selama ini, mesti di coba neh mas
BalasHapussip semoga bisa pas coba
BalasHapuscoba ahhhh
BalasHapussemoga sukses kak roni
BalasHapusseeepppp,,, maju perut pantat mundur mas doyok,,,, hahahahaha
BalasHapus@roomen dumeh wes isa ya wkakaka
BalasHapusSip mas langsung tak cobain. Ada beberapa widget yang mau saya taruh dihalaman home aja biar ga memperberat blog nie. Makasi mas!
BalasHapussip :D semoga sukses dK
BalasHapuswah bisa bikin ringan ne blog kita he he, trims yok
BalasHapussemoga mewmbantu mas master otto
BalasHapustapi sekarang ane lebih suka pake display:none; mas.. lebih simple..
BalasHapus@jaloe iya juga mas :D tapi ini mau saya buat lanjutanyya pelan pelan :D
BalasHapusooh ic tak tes, makasih mas, kalau biar satu header hilang seperti web nya kang rohman yg kolom tutorial gimana mas ya?
BalasHapuspatut di coba neh
BalasHapusooooooo gitu yaaaaaaa, manteeeeep massssssss
BalasHapusOwh.. kayak di template magazine yach..hehe
BalasHapusKayak template punyanya kang rohman.. :D
Sip mas doyok..
wah mas... ini nih yg saya butuhkan dari dulu! knapa lama bgt sih dipostingnya?? hehehehe
BalasHapusyang kek gimana tuh mas doy, contoh dunk yang real
BalasHapusWah nambah lagi nih widget nya... dipasang ah.. thanx ya Mas..dah sharing :)
BalasHapusbiar load lbh cepat ya mas sip lah
BalasHapussemuanya terima kasih
BalasHapuscontoh bisa dilihat widget recent postku di bawah banner, jika di klik salah satu postingan maka akan hilang :D
@mamas ipenk :D ya biar modif saja :D dan bisa juga seperti itu :D mungkin supaya saat baca postingan lebih konsentrasi :D
BalasHapusLumayan loading biar tambah cepat...
BalasHapusKalo dibalik bisa gak ya?
Jadi di halaman depan gak tampil widgetnya, waktu masuk postingan widgetnya akan tampil.
ni dia yang ane Cari2 mas thank's infonya ah...
BalasHapussalam sahabat
BalasHapusehm...bisa lebih siip nyarinya he..he..thnxs for info....good luck ya,...
@kelirirenk bisa, akan saya post selanjutnya
BalasHapus@hendri sip deh
@rihar ganjil :D
keren kang langsung di co ba
BalasHapusow.. ternyata beegitu ya sob caranya....
BalasHapusmantab nih.. btw kalo di post footer line bisa gak? atau cuma bisa di sidebar?
BalasHapuswah mantap itu mas doy... mas doy ... widget ini pernah saya gunakan ... di template aq yang lama ... bisa di simpan cuman ... terjadi mslh pada template kita ....
BalasHapusLangsung ikut mencoba mas...
BalasHapussemoga gak eror templateku.
jika gak support ya gak dipasang,tapi jika support ya ini harus dipasang biar gak berat loadnya.
makasih mas...
bisa di footer juga :D
BalasHapusoke semoga sukses
Mantap kang!!!
BalasHapusakhirnya bisa juga mas..
BalasHapuscoba mas liat di blog aku..
htpp://bos-sulap.blogspot.com
terim kasih akhatam
BalasHapusoke sulap :D saya berkunjung
thanks infonya bos,, siap - siap dicoba di blog satunya.... ;)
BalasHapusoke semoga berhasi ya
BalasHapuskeren infonya :D
BalasHapusterima kasih kanwara
BalasHapusoke lah mas doyok tanks atas ilmu2nya minta tukar link donk ke blog saya trims ya
BalasHapuswww.adinmarscell.co.cc
tanks kang doyok atas ilmunya...minta bantuin dung gmana caranya bikin kotak posting komentar biar langsung tampak gitu tanpa harus pakai kode verivikasi biar kaya mas doyok gituuu
BalasHapustrims ditunggu ya
by www.adinmarscell.co.cc
Langsung ke TKP
BalasHapusoke semoga berhasil
BalasHapusadin coba kamu aca postku tentang
cekkomentar sebelum jauh :D
sebenernya sudah tahu tips ini sejak lama, tapi giliran mau pake malah ilang linknya :D
BalasHapusmakasih yaaaaaaaaaa...
oke semoga bermanfaat mardiii
BalasHapussip mas doyok.......
BalasHapustadi search di google dengan keyword "widget hanya tampil di home page" langsung meluncur ke blognya mas...
BalasHapuscoz udah percaya ama kontennya... mantap mantap...
ayead.blogspot.com BLOGNYA ANAK GAPTEK
mantaf.ini yang gw cari, minta ijin kopas .thx
BalasHapusMantap mas, terima kasih,
BalasHapusSaya baru saja menerapkan tips nya, hasilnya tidak diragukan lagi. Berhasil :)
koq gk bs ya ??bantu dunx..
BalasHapussalam berkawand..
oh gitu ada contoh lain gak mas doyok ?
BalasHapusMbah Network
thanks yh mas,,,
BalasHapuskomikblaze.blogspot.com
thanks info na Mas....
BalasHapusthank's ...ini yang ane cari....
BalasHapusmas doyok langsung diterapkan
BalasHapusmas leh tanya gak.postingan saya tampil tapi kode html nya yg di Expand Template Widget kok gak da itu knp mas mohon dibantu baru blajar mas?thanks
BalasHapus