INTERNET CYBERSPACE ,NEWS UPDATE, SEO, TIPS TRIK, DOWNLOAD, SOFTWARE ,MULTIMEDIA,ANDROID
Bagaimana cara menampilkan widget sesuai keinginan, seperti bagaimana cara menampilkan widget di halaman posting saja dan bagaimana cara menampilkan widget di homepage saja atau lebih tepatnya menampilkan widget di halaman tertentu saja
Mengapa harus di tampilkan di homepage atau di halaman posting saja? Selain untuk merapikan tata letak widget, tentu juga bermaksud agar blog kita enak dilihat oleh pengunjung. Trik ini juga termasuk salah satu cara menjadikan blog SEO Friendly, misalnya kita hanya menampilkan widget pada homepage blog, atau di halaman lain diinginkan.
Berikut tutorialnya :
Login ke dashboard blogger.
Pilih Rancangan »» edit HTML
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 yang akan diedit diberi judul terlebih dulu)
Sebagai contoh, kita akan mengedit dan menampilkan widget iklan Adsense hanya pada halaman posting saja dengan judul widget bernama iklan adsense. Silahkan disimak..
<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. Untuk menampilkan widget tersebut di halaman posting saja, maka kita sisipkan 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 yang sudah kita edit diatas, widget hanya akan muncul di halaman posting saja dan tidak akan muncul di homepage.
Nah untuk menampilkan widget pada halaman tertentu, misal pada homepage saja, atau pada staticpage saja, atau pada halaman archive saja dan atau pada halaman index saja, maka berikut ini kode-kode yang bisa kita pakai, tinggal ganti kode warna merah dengan salah satu kode di bawah ini :
1. Menampilkan widget hanya pada halaman depan saja (homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
2. Menampilkan di semua halaman kecuali homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
3. Menampilkan widget hanya pada halaman Archive saja
<b:if cond='data:blog.pageType == "archive"'>
......................................................
</b:if>
4. Menampilkan widget di semua halaman kecuali halaman archive
<b:if cond='data:blog.pageType != "archive"'>
......................................................
</b:if>
5. Menampilkan widget hanya di halaman posting
<b:if cond='data:blog.pageType == "item"'>
......................................................
</b:if>
6. Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != "item"'>
......................................................
</b:if>
7. Menampilkan widget hanya pada halaman staticpages.
<b:if cond='data:blog.pageType == "static_page"'>
......................................................
</b:if>
8. Menampilkan widget di semua halaman,kecuali halaman staticpages.
<b:if cond='data:blog.pageType != "static_page"'>
......................................................
</b:if>
9. Menampilkan widget hanya pada postingan tertentu saja.
<b:if cond='data:blog.pageType == "alamat-postingan"'>
......................................................
</b:if>
10. Menampilkan widget selain di postingan tertentu.
<b:if cond='data:blog.pageType != "alamat-postingan"'>
......................................................
</b:if>
Mengapa harus di tampilkan di homepage atau di halaman posting saja? Selain untuk merapikan tata letak widget, tentu juga bermaksud agar blog kita enak dilihat oleh pengunjung. Trik ini juga termasuk salah satu cara menjadikan blog SEO Friendly, misalnya kita hanya menampilkan widget pada homepage blog, atau di halaman lain diinginkan.
Berikut tutorialnya :
Login ke dashboard blogger.
Pilih Rancangan »» edit HTML
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 yang akan diedit diberi judul terlebih dulu)
Sebagai contoh, kita akan mengedit dan menampilkan widget iklan Adsense hanya pada halaman posting saja dengan judul widget bernama iklan adsense. Silahkan disimak..
<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. Untuk menampilkan widget tersebut di halaman posting saja, maka kita sisipkan 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 yang sudah kita edit diatas, widget hanya akan muncul di halaman posting saja dan tidak akan muncul di homepage.
Nah untuk menampilkan widget pada halaman tertentu, misal pada homepage saja, atau pada staticpage saja, atau pada halaman archive saja dan atau pada halaman index saja, maka berikut ini kode-kode yang bisa kita pakai, tinggal ganti kode warna merah dengan salah satu kode di bawah ini :
1. Menampilkan widget hanya pada halaman depan saja (homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
2. Menampilkan di semua halaman kecuali homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
3. Menampilkan widget hanya pada halaman Archive saja
<b:if cond='data:blog.pageType == "archive"'>
......................................................
</b:if>
4. Menampilkan widget di semua halaman kecuali halaman archive
<b:if cond='data:blog.pageType != "archive"'>
......................................................
</b:if>
5. Menampilkan widget hanya di halaman posting
<b:if cond='data:blog.pageType == "item"'>
......................................................
</b:if>
6. Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != "item"'>
......................................................
</b:if>
7. Menampilkan widget hanya pada halaman staticpages.
<b:if cond='data:blog.pageType == "static_page"'>
......................................................
</b:if>
8. Menampilkan widget di semua halaman,kecuali halaman staticpages.
<b:if cond='data:blog.pageType != "static_page"'>
......................................................
</b:if>
9. Menampilkan widget hanya pada postingan tertentu saja.
<b:if cond='data:blog.pageType == "alamat-postingan"'>
......................................................
</b:if>
10. Menampilkan widget selain di postingan tertentu.
<b:if cond='data:blog.pageType != "alamat-postingan"'>
......................................................
</b:if>
