Diposting kali ini saya akan membahas mengenai cara menampilkan widget pada halaman tertentu saja di blogger hal ini bertujuan agar tampilan blog tetap terjaga rapih dan teratur hal ini bertujuan membuat para pengunjung atau pembaca blog kita menjadi betah dan nyaman untuk berkunjung ke blog milik kita.
hi kawan-kawan blogger semua kali ini saya barusaja mendapat ilmu yang sangat bermanfaat dan ingin langsung membagikan nya kepada kawan-kawan blogger semua meskipun saya belum sempat mencoba menerapkan nya pada blog saya ini namun saya rasa kawan-kawan blogger semua wajib mengetahui mengenai hal ini.
Cara menampilkan widget pada halaman tertentu saja |
Mungkin sudah banyak blog yang membahas megenai hal ini namun menurut saya tidak ada kata terlambat untuk memulai membagikan sebuah pengetahuan yang saya dapat kepada orang lain ini, dulu sebelum saya berpindah rumah kesini saya sempat menerapkan tutorial ini pada blog saya yang dulu hasil nya sangat memuaskan.
Dibawah ini adalah beberapa code yang dapat anda gunakan untuk menempatkan widget di halaman tertentu:
Note : Titik-titik diatas nantinya diganti dengan code widget target.1. Menampilkan di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
2. Menampilkan widget hanya di halaman depan saja (homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
3. Menampilkan widget di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != "archive"'>
......................................................
</b:if>
4. Menampilkan widget hanya di halaman Archive saja.
<b:if cond='data:blog.pageType == "archive"'>
......................................................
</b:if>
5. Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != "item"'>
......................................................
</b:if>
6. Menampilkan widget hanya di halaman posting.
<b:if cond='data:blog.pageType == "item"'>
......................................................
</b:if>
7. Menampilkan widget selain di postingan tertentu.
<b:if cond='data:blog.pageType != "alamat-postingan"'>
......................................................
</b:if>
8. Menampilkan widget hanya di postingan tertentu saja.
<b:if cond='data:blog.pageType == "alamat-postingan"'>
......................................................
</b:if>
9. Menampilkan widget di semua halaman, kecuali halaman staticpages.
<b:if cond='data:blog.pageType != "static_page"'>
......................................................
</b:if>
10. Menampilkan widget hanya di halaman staticpages.
<b:if cond='data:blog.pageType == "static_page"'>
......................................................
</b:if>
Cara menampilkan widget pata halaman tertentu saja
1. Login menuju akun blogger anda.
2. Menuju Template => Edit HTML
3. Cari ID widget yang ingin anda tampilkan di halaman tertentu, untuk mencari ID nya silahkan baca cara mengetahui ID widget pada blogger
4. Setelah code widget ketemu silahkan tempatkan code diatas tadi setelah code <b:includable id='main'> dan sebelum code </b:includable>, seperti contoh dibawah ini pada widget komentar terbaru milik saya.
Sebelum peng editan :
<b:widget id='HTML4' locked='false' title='Komentar Terbaru' type='HTML'>Karena saya hanya akan menampilkan di halaman depan saja maka saya menggunakan code dibawah ini :
<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:if cond='data:blog.url == data:blog.homepageUrl'>Sehingga hasil akhir nya akan nampak seperti dibawah ini :
......................................................
</b:if>
<b:widget id='HTML4' locked='false' title='Komentar Terbaru' type='HTML'>Setelah pengeditan selesai silahkan save template.
<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>
jika tidak terdapat error maka pengeditan anda berhasil dan jika terdapat error mungkin ada hal yang anda lewatkan atau hal yang tidak sesuai dengan tutorial yang saya berikan diatas, dan untuk posting kali ini saya cukupkan sampai disini saja semoga ilmu yang saya bagikan ini bermanfaat bagi anda dan apabila ada pertanyaan atau kesulitan terkait tutorial yang saya berikan diatas silahkan tinggalkan unek-unek anda tersebut di komentar atau hubungi kontak yang telah disediakan, terimakasih.
0 comments:
Post a Comment