Membuka Link Feed pada halaman baru DI Blogger
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>
<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>
<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)
Posting Komentar