
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)
Artikel Terkait: Membuka Link Feed pada halaman baru
- Menampilkan Gambar Profile dihalaman Hasil Pencarian Google
- Cara Memasang Tombol Google+ di Blogger
- Bagaimana Membuat Halaman di Google+
- Trik Sederhana Cara Proteksi Gambar di Blog
- Pilihan Black atau White YouTube Video Player
- Semi Auto Generated Content For Blogspot - AGC
- Menampilkan Thumbnail yang Berbeda Pada Halaman Home
- Optimasi blog dengan Google Page Speed dan Yahoo! YSlow
- Membuat RSS Feed Untuk Website Yang Tidak Mendukung Feed
- Fungsi Kode Untuk Mengatur Tampilan Content Blog
- Membuat Highlighting Current Page atau Current Menu di Blogger
- Cara Membuat Sub Domain CO.CC
- Installasi Twitter @Anywhere Pada Kotak Komentar
- Membuat "Bubble Tool Tips" 100% menggunakan CSS
- Thumbnail Related Posts with Marquee (Berjalan)
- Cara Simple Membuat Iklan Melayang dengan Tombol Close
- Cara memasang tooltip dengan javascript
- Tiga Step Rounded Corner
- Menampilkan Next Comments Blogger untuk komentar diatas 200
- Navbar Blogger Support dengan Warna Transparant
- Menampilkan Link atau Text di Sebelah Title Sidebar
- New Related Posts + Thumbnails (Alternatif selain LinkWithin)
- Memasang Total Comment pada Title Post
- Cara Menampilkan Blank Avatar / Default Komentar Avatar
- Mengembalikan dan Mengaktifkan Komentar Avatar Blogger pada Custom Template
- Tips Cara Mudah Menghilangkan Navbar Blog Terbaru
- Menerapkan Desain yang Responsif
- Beberapa Koleksi Style Buku Tamu
- Cara Menampilkan Tab "Uangkan" atau "Penghasilan" di Dasbor Blogger
- Navigasi Breadcrumbs dengan Microdata
- Memodifikasi Tanggal Posting (date-header)
- Hilangnya Taut Hapus pada Komentar
- Kostumisasi Penomoran pada Komentar Blogger™
- Optimasi Kotak Komentar Blogger™
- Kostumisasi Avatar Komentar
- Mengganti Nextprev dengan Judul Posting
- Menghilangkan "Subscribe to"
- Menghilangkan "Status Message"
- Trik Blogger | Mengatur Tataletak Link to This Post
- Menghilangkan Icon Pensil serta Obeng dan Kunci
- Menghapus secara permanen navbar blogger Anda
- Blogger Reply Comment
- Menampilkan Next Comments Blogger untuk komentar diatas 200
- Pasang Kolom About The Author
- Memasang Total Comment pada Title Post
- Cara Menampilkan Blank Avatar / Default Komentar Avatar
- Mengembalikan dan Mengaktifkan Komentar Avatar Blogger pada Custom Template
- Akhirnya Blogger Punya Readmore Sendiri (Jump Breaks)
- Membuat Mini Post atau Mini Artikel diBlogger
- Membagi Dua Kolom Komentar