Nah, pada kesempatan kali ini kita akan membahas tentang setting dalam menampilkan widget kesayangan. Kadang sering diantara temen temen yang bertanya tentang cara yang simple agar widget yang kita miliki muncul pada halaman tertentu yang kita kehendaki.
Untuk itu kami disini akan share sedikit cara yang mudah mudahan bisa Kepolover buat agan semua. Ada beberapa keuntungan mengapa kita harus mengatur penayangan widget di blog yaitu selain posisi dan blog kita akan kelihatan rapi di lihat oleh pengunjung, ini juga termasuk salah satu trik menjadikan blog SEO Friendly.
Nah bingung bukan kenapa kok peletakan widget bisa mempengaruhi faktor SEO? Alasannya dengan trik ini nantinya widget yg tidak perlu di tampilkan pada halaman posting dapat kita tempatkan pada halaman tertentu di blog kita atau justru kebalikannya.
Nah, Langsung kita praktekin aja ya..
1. Login ke dashboard blogger.
2. Pilih Rancangan dan klik edit HTML
3. Beri tanda centang pada tulisan Expand Template
Widget
4. Lalu cari kode widget yg akan di tampilkan pada
halaman tertentu.
*Agar mudah pencarian kode widget, sebaiknya
<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>
Nah, agar nantinya widget tersebut dapat tampil dihalaman yang kita kehendaki maka harus kita tambah dengan kode yang berwarna merah berikut
<b:if cond='data:blog.pageType == "item"'>
................,.........................................,...............................
</b:if>
Hasilnya akan seperti ini.
<b:widget id='HTML1' locked='false' title='iklan adsense' type='HTML'> <b:includable id='main'>Contoh diatas akan menampilkan widget pada Homepage/halaman utama saja. Bagaimana agar widget tersebut muncul dihalaman tertentu atau tidak kita munculkan pada halaman tertentu? Nih gunakan kode berikut<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>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
......................................................
</b:if>
<b:if cond='data:blog.pageType != "archive"'>
......................................................
</b:if>
<b:if cond='data:blog.pageType == "item"'>
......................................................
</b:if>
<b:if cond='data:blog.pageType != "item"'>
......................................................
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
......................................................
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
......................................................
</b:if>
<b:if cond='data:blog.pageType == "alamat-postingan"'>
......................................................
</b:if>
<b:if cond='data:blog.pageType != "alamat-postingan"'>
......................................................
</b:if>
9 komentar
Berhasil gan thanks.
Makasihh banyak yaa,,,
Salam kenal
Makasihh banyak yaa,,,
Salam kenal
@all: terima kasih juga atas kunjungan kalian sobat..:)
akhirnya ketemu juga dengan tutorial yang lebih mudah dipahami bagi pemula seperti saya, thanks atas sharingnnya kawan........
penjelasan ini yang dari kemarin-kemarin sy cari, supaya iklan g muncul di semua halaman..
thx sob..
penjelasan ini yang dari kemarin-kemarin sy cari, supaya iklan g muncul di semua halaman..
thx sob..
makasih infonya mas, di blog aku berhasil...
thenkyu sob tutornya,, mau tes dulu nhe,, blog saya berat klu buka postinganya,, rencana gadgetnya kasih muncul jha di halaman depan..
EmoticonEmoticon