Cara Menampilkan Widget Di Halaman Tertentu
Hai Sahabat Blogger. Kali ini saya akan memberikan Tutorial mengenai bagaimana menampilkanWidget hanya pada halaman tertentu dengan menggunakan Tag Kondisional.
Untukmenampilkan widget di halaman tertentu, anda harus menambahkan conditional tags(b:if cond) pada elemen widget yang diinginkan. Berikut ini adalah langkah-langkahmenambahkannya.
- Masuk ke halamantemplate (Dashboard > Template)
- Klik "Edit HTML"
- Silahkan pilih widget yang ingin anda pilih
- Jangan lupa klik tanda ini ►
- Cara Menampilkan Widget Hanya di Halaman Utama/Indeks (Homepage)
<b:widget id='HTML11'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>
<b:widget id='HTML11' locked='false' title='' 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:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType !="static_page"'>
<!-- 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.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>
- Cara Menampilkan Widget Hanya di HalamanPosting
<b:widget id='HTML11' locked='false' title='' 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:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
- Cara Menampilkan Widget Hanya di HalamanStatis
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType !="static_page"'>
<!-- 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>
- Cara Menampilkan Widget Hanya di Halaman Arsip (Archive)
<b:widget id='HTML11'locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType =="archive"'>
<!-- 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:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Gantidengan URL Halaman di sini"'>
<!-- 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>
5. Setelah conditional tags ditambahkan, save template.
<b:includable id='main'>
<b:if cond='data:blog.pageType =="archive"'>
<!-- 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>
- Cara Menampilkan Widget Hanya di SalahSatu Halaman (Berdasarkan URL)
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Gantidengan URL Halaman di sini"'>
<!-- 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>
5. Setelah conditional tags ditambahkan, save template.
saya juga menerapkan cara ini di blog saya. widget yang tidak perlu saya sembunyikan dari home page, sehingga dengan begitu homepage saya terlihat lebih ringan.
ReplyDeleteYup, benar sekali gan, dengan begini blog kita menjadi lebih ringan dihalaman tertentu.
Deletebaru tau gan bisa ky gni, :D masih bingung..
ReplyDeletecome back..
Masih bingung yang bagian mananya gan?
Deletewah Keren sob..
ReplyDeletesaya coba dulu
Silahkan dicoba mas :)
DeleteCukup simpel aja ya bang kode nya.
ReplyDeletesaya sudah terapkan ini di salah satu widget saya. lebih joss dah!
salam kenal!
Salam kenal kembali :)
DeleteMenarik banget nih gan,,,,bisa di coba nih!
ReplyDeletetq sudah berbagi!
Silahkan dicoba gan.... Gratis kok.. Senang bisa berbagi.
DeleteBingung gan.
ReplyDeleteTrus cara masang widgetnya gimana gan.
misalnya ane pengen masang widget A ke Post B dan Widget X ke Post C, naha caranya gimana ntu gan?
Nah kalau masalah yang seperti itu.
DeleteCoba pasang widget di Salah Satu Post/Artikel Berdasarkan URL... Seperti tutor yang ada diatas.. ↑
Terima kasih atas artikelnya.
ReplyDeleteo iya selama saya jelajah mencari ilmu dengan blogwalking, menurut saya
anda memiliki kelebihan tersendiri dari situs-situs lain dan jujur potensi
anda juga sangat bagus, banyak juga ilmu yang saya pelajari disini jika ada
waktu saya akan berkunjung lagi.
ditunggu kunjungan baliknya :D
jangan lupa Follow back & Commant back ia
buat tambahan nilai softskill saya... makasih
http://rizkyadipranata04.blogspot.com/2013/04/teori-organisasi-umum-2-biaya.html
#Semoga sehat selalu :D
di tunggu janjinya gan di blogwalking kb/20 follow back n comant back
Oke. Trimakasih, saya akan berusaha lebih baik lagi dari sebelumnya.
Deletecocok nhe tutorial buat MAHASISWA GO BLOG kayak ane
ReplyDeleteoh ya, ditunggu followbacknya Mas Bro
Oke, sedang meluncur...
Deleteokeh sob nnanti tak praktekin ..
ReplyDeletethanks udh mw berbagi
lansung gw praktek'in
ReplyDeleteSilahkan...
Deletethanks sob atas infonya, jadi tau nih caranya.
ReplyDeleteTerima kasih brooo ilmunya....?
ReplyDeleteTerima kasih brooo ilmunya....?
ReplyDelete