Menambah Keterangan pada Link yang Disorot

Pict : Google

Assalamu'alaikum...

Mayasa©. Sebagai blogger newbie, terus terang saya masih awam dengan yang namanya html. Apalagi trik-trik ngeblog yang bejibun dan rumit itu.

Namun melihat blog teman-teman yang keren-keren akhirnya membuat saya tertarik untuk lebih memperhatikan penampilan blog ini.

Diantaranya dengan mencoba memunculkan keterangan pada link, baik tulisan maupun gambar saat disorot mouse.

Sebagai contoh, silahkan perhatikan dan sorot Link di bawah ini :

Mau lihat cara buat Boneka Danbo?

Beda bukan dengan link ini

Mau lihat cara buat Boneka Danbo?

Untuk membuat Link yang ketika disorot muncul keterangannya seperti contoh diatas, caranya sangat mudah seperti yang dilansir oleh Blog Asman berikut ini :

Pertama 

Silahkan buat Link seperti biasa. Jika kita lihat pada mode html, maka kodenya adalah seperti berikut :

<a href="http://m4y-a5a.blogspot.com/2012/06/cara-membuat-boneka-danbo.html" target="_blank">Mau lihat cara buat Boneka Danbo?</a>

atau

<a href="http://m4y-a5a.blogspot.com/2012/06/cara-membuat-boneka-danbo.html" target="new">Mau lihat cara buat Boneka Danbo?</a> 

Keterangan :

Merah adalah Link yang ingin dituju

Biru adalah Ketika di Klik akan muncul di jendela baru / di tab baru

Hijau adalah Tulisan yang ditampilkan 

Kedua  

Agar muncul keterangan saat link tersebut di sorot, rubah kodenya sehingga menjadi seperti berikut :

<a href="http://m4y-a5a.blogspot.com/2012/06/cara-membuat-boneka-danbo.html" target="_blank" title="Membuat Boneka Danbo dengan Mudah">Mau lihat cara buat Boneka Danbo?</a>

atau

<a href="http://m4y-a5a.blogspot.com/2012/06/cara-membuat-boneka-danbo.html" target="new" title="Membuat Boneka Danbo dengan Mudah">Mau lihat cara buat Boneka Danbo?</a>

Keterangan :

Merah adalah Link yang ingin dituju

Biru adalah Ketika di Klik akan muncul di jendela baru / di tab baru

Hijau adalah Tulisan yang ditampilkan

Ungu adalah Keterangan link tersebut

Maka hasilnya akan menjadi seperti berikut >> Mau lihat cara buat Boneka Danbo?

Jadi, perbedaannya ada pada kode berwarna Ungu : title="bla-bla-bla"

Ketiga  

Silahkan dicoba dan buktikan sendiri keampuhannya (^O^)

Selamat mencoba, semoga sukses.

Wassalamu'alaikum....