Cara Membuat Daftar Arsip Blog "Open in New Tab"

Daftar arsip atau Achieve blog adalah salah satu widget plugins yang disertakan blogger untuk melengkapi setiap template. mengaktifkan widget archieve dilakukan melalui "Add a Gadget". Saat widget archieve di aktifkan, maka arsip secara otomatis akan memmuat semua posting yang diterbitkan berdasar tanggal, bulan dan tahun dan di dalamnya akan berisi "Link posting" beserta "title posts". Sebagai contoh bisa dilihat di blog ini. Posting List yang berada di bagian kanan halaman adalah "archieve" yang telah dimodifikasi hingga punya title berbeda. Sebagai sebuah widget plugins, "archieve blog" didesain sebagai sebuah link yang ketika di klik akan terbuka di tempat, sehingga jika pengunjung ingin sebuah link dari archieve terbuka di tab yang baru harus klik kanan baru kemudian open in new tab. Dalam tutorial, tips dan tricks blogger kali ini kita akan membuat setiap arsip blog secara otomatis terbuka di tab lain (atau acap kali disebut juga open in new window). Jadi setelah modifikasi ini, klik kanan tak diperlukan lagi. Jika ingin melihat bagaimana hasil modifikasi yang telah dilakukan, silahkan klik pada salah satu daftar posting yang ada di Posting List. Tentang mengapa harus dirubah menjadi sebuah link yang open in new tab adalah karena beberapa kali terjadi sebuah posting yang masih diperlukan karena terlanjur terindih oleh posting baru yang dibuka melalui "arsip blog", maka dengan terpaksa harus kembali dicari kembali. Toh... "dengan dibuatnya archieve blog" menjadi "open in new tab" sama sekali tak akan merugikan bagi siapapun. Seandainya pengunjung tak menginginkan halaman yang terbuka semakin berderet-deret dia juga bisa menutupnya (close tab). Jadi apa salahnya kita buat menjadi open in new tab?!

D E M O :

Untuk mencoba hasil modifikasi yang kita lakukan terhadap widget archieve, silahkan klik pada salah satu title posting yang terdapat dalam daftar Posting List! » Di halaman blog sebelah kanan!

Langkah untuk membuat "Open in New Tab" pada Arsip Blog :

1. Login ke Blogger (Login to Blogger).
2. Dasbor (Dasboard).
3. KLIK Tata Letak (Layout).
4. KLIK Edit HTML.
5. Amankan Template (Backup Template). Caranya lihat di sini !.
6. Cari setiap KODE HTML menggunakan Ctrl+F. Untuk mengetahui caranya lihat di sini !.
7. KLIK Simpan Template pada setiap akhir proses (SAVE Template).
8. Lihat hasilnya dengan membuka blog.
9. Cari KODE HTML berikut :

<b:loop values='data:posts' var='i'>

Di bawah KODE HTML di atas akan terlihat KODE HTML lain :

<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>

Rubah KODE menjadi seperti ini :

<b:loop values='data:posts' var='i'>
<li>
<a expr:href='data:i.url' target='_blank'><data:i.title/></a>
</li>

10. KLIK Simpan Template (SAVE Template) dan coba hasilnya dengan membuka blog !

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » January, 10, 2012

» Happy Blogging - gubhugreyot «