Dalam dua posting sebelumnya David pernah membahas tentang cara membuat widget hanya tampil di homepage dan cara membuat widget hanya tampil di halaman posting. Nah, kali ini David akan membahas cara menampilkan widget hanya di halaman tertentu lainnya, yaitu Label. Jadi, widget ini hanya muncul di halaman label tertentu sedangkan pada halaman yang lainnya widget tersebut tidak kelihatan.
Untuk membuat widget hanya tampil di halaman label, kita perlu menyisipkan suatu kode tertentu. Caranya mirip seperti membuat widget hanya tampil di home page dan halaman posting. Berikut ini langkah-langkahnya:
1. Masuk ke akun Blogger sobat.
2. Klik Rancangan >> Edit HTML.
3. Back-up template dulu untuk berjaga-jaga dengan cara klik Download TemplateLengkap.
4. Beri tanda centang di Expand Template Widget.
5. Cari kode widget id untuk widget yang ingin ditampilkan hanya di halaman label. Contoh, untuk widget Alexa yang berjudul Alexa Traffic Rank, maka kodenya akan tampak seperti di bawah ini.
<b:widget id='HTML2' locked='false' title='Alexa Traffic Rank' 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>
6. Misalnya saya mau widget Alexa ini hanya tampil pada halaman Label Tutorial Blog maka saya tambah kode <b:if cond='data:blog.url == "http://davizs.blogspot.com/search/label/Tutorial%20Blogspot"'> di bawah kode <b:includable id='main'> dan kode </b:if> di atas kode </b:includable> sehingga hasilnya akan menjadi seperti di bawah ini.
<b:widget id='HTML2' locked='false' title='Alexa Traffic Rank' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "http://davizs.blogspot.com/search/label/Tutorial%20Blog"'>
<!-- 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>
- Silakan ganti davizs dengan nama blog sobat.
- Tutorial%20Blogspot dengan label yang sobat inginkan, spasi diganti dengan %20.
- (Tips: buka halaman label yang sobat mau, lalu copy URL halaman label tersebut pada address bar browser lalu gantihttp://davizs.blogspot.com/search/label/Tutorial%20Blogspot dengan URL hasilcopy-an tersebut)
Selesai...
Jika sobat mau jago soal ngeblog silahkan baca artikel saya seputar ngeblog. tapi jago ngeblog juga percuma kalo engga di barengi dengan SEO.
Posting Komentar
Karena berkomentar sebagian dari iman