Friday, May 11, 2007

Memodifikasi Link List Agar Terbuka Di Window/Tab Baru

Ada sebuah komponen yang disediakan oleh Blogger yang befungsi untuk menampilkan “koleksi” link, yaitu Link List. Seperti pada Blog saya ini, saya menampilkan koleksi link ke Blog-blog milik sahabat-sahabat saya atau ke blog-blog yang saya anggap menarik.
Walaupun mudah untuk menambahkan fitur ini pada halaman blog saya ini, namun ada satu hal yang saya tidak sukai. Ketika link diklik, maka halaman blog saya berubah menjadi halaman blog yang saya klik tersebut (lihat juga tulisan saya yang ini). Maka sayapun berusaha untuk “mengakali” hal ini.

Disini saya akan saya ceritakan bagaimana caranya. Setelah saya melakukan login ke account Blogger, klik menu LAYOUT, kemudian saya mengklik EDIT TEMPLATE. Saya menceklis pada kotak EXPAND WIDGET TEMPLATES, kemudian lihat di kotak tempat kode html template blog saya berada. Saya mencari bagian kode yang seperti ini :


<b:widget id='LinkList1' locked='false' title='Blogger Resources' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<div id='link'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' ><data:link.name/></a></li>
</b:loop>
</div>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>


Secara khusus saya memperhatikan baris kode berikut ini :

<li><a expr:href='data:link.target' ><data:link.name/>



Dan kemudian saya merubahnya menjadi :

<li><a expr:href='data:link.target' target="_blank" ><data:link.name/> (dengan kata lain, sisipkan kode target="_blank" setelah expr:href='data:link.target'. Perhatikan ada spasi diantara keduanya.


Save template, kemudian saya mengecek fungsi “baru” ini. Ternyata berhasil ! Kini jika link pada daftar “Penulis Idola” diklik, halaman baru tersebut terbuka pada jendela/tab baru.

Peringatan : Standar prosedur harus diingat, setiap akan merubah atau memodifikasi template, saya selalu melakukan backup sebelumnya pada template saya saat itu.

Sebagian besar tulisan ini adalah resume dari artikel ini. Resume ditulis dalam bahasa Indonesia serta dengan gaya penulisan yang diharapkan dapat memudahkan siapapun untuk menerapkan hal ini.
Selamat NgeBlog !


Read More......

Thursday, May 10, 2007

Membuka Link Di Posting Pada Window Baru

Pernahkah anda merasa sebal saat anda sedang membaca sebuah halaman web, namun kemudian halaman itu serta merta berubah menjadi halaman web lain saat anda mengklik sebuah link. Dan sayapun mesti mengklik tombol Back pada browser supaya saya bisa kembali ke halaman sebelumnya. Yang "berbahaya", halaman web baru itu isinya juga menarik dan juga ada link ke halaman lain. Kadang saya menggunakan klik kanan kemudian memerintahkan membuka link tersebut ke halaman lain. Tapi kemudian saya pikir cara ini tidak praktis. Tentu hal ini juga terjadi pada Blog saya ini, dan saya tentu tidak ingin orang lain sebal dengan Blog saya hanya gara-gara masalah link. Jadi bagaimana membuat Blog saya membuka link lain pada jendela (window/tab) lain pada browser saya ?

Ternyata caranya tidak susah-susah amat. Ada kode HTML untuk melakukan hal itu. Pada saat membuat postingan di menu Compose, blogger menyediakan shortcut (di atas posting box) untuk membuat link, yaitu Insert Link. Setelah saya memasukkan link yang kita maksud pada menu Edit Html akan tampak kode Html yang kira-kira seperti ini :

<a href="http://link-yang-kita-maksud">kata-kata </a>

. Nah, untuk membuka link tersebut pada window lain ketika diklik, maka saya hanya perlu kode ini : target="new" atau target="_blank" dan kemudian menyisipkannya setelah a, jadi kodenya akan seperti ini :

<a target="new" href="http://link-yang-kita-maksud"> atau <a href="http://link-yang-kita-maksud" target="new">

Tidak susah ternyata.


Buat yang sudah lama berkecimpung di dunia blog tentu sudah mengetahui hal seperti ini, bahkan saya yakin tulisan-tulisan yang seperti ini juga sudah banyak. Bukan sesuatu yang baru, bahkan sudah kuno (istilahnya Basbang ?). Tapi buat saya yang baru di dunia blog dan coding html, ini sesuatu yang "WAH" dan cukup membuat saya tersenyum-senyum senang.

Tulisan ini ditutup dengan pesan untuk teman-teman yang juga newbie seperti saya, "Selamat ngeBlog !"

Read More......