Anda pasti pernah menggunakan Feed Widget yang sudah
disediakan dalam fasilitas Blogger,
biasanya feed ini banyak juga dimanfaatkan untuk menampilkan
Recent
Comment dan
Recent Post via feed,
contohnya bisa anda lihat pada blog saya ini.
Selain fungsi diatas, biasanya beberapa program
advertising seperti
Ask2link dan
Teks Link Ads juga
memanfaatkan feed ini untuk menampilkan link mereka. Nah, sekarang yang jadi
masalah, coba saja anda perhatikan ketika link feed ini
diklik, maka halaman yang terbuka akan tetap pada halaman yang sama, tidak
masalah bila halaman tujuan merupakan halaman kita sendiri, tapi akan jadi
masalah bila halaman yang dibuka menuju kealamat lain, iya khan?
Tutorial kali ini kita akan mencoba menambahkan sedikit baris
kode agar link feed ini bila diklik terbuka pada halaman yang baru (new window).
Langsung aja ya, pertama anda masuk ke halaman Edit HTML dulu, kemudia
beri tanda centang pada Expand Widget Template, silahkan anda cari
seperti penggalan script dibawah.
Untuk mempermudah anda mencari Feed ID, blogger sebenarnya
sudah memberikan nama default untuk feed ini yaitu
Feed[nomor urut Feed], (Penting:
bila feed anda hanya satu berarti anda hanya cukup mencari Feed1)
Lihat warna merah dibawah
merupakan contoh Feed3 yang berarti Feed ID
ke-3 yang akan dicari.
<b:widget id='Feed3'
locked='false' title='Friends Blog' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
Bila anda sudah menemukan ID Feed, sekarang tambahkan kode
target='_blank' lihat contoh penambahan kode
warna merah dibawah.
<b:widget id='Feed3' locked='false' title='Friends Blog'
type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'
target='_blank'>
<data:i.title/>
</a>
Selamat mencoba, (i'm oom, i blogg stuff)
