Membuat Tooltip


Lazada Indonesia
Untuk mempercantik blog banyak trik atau cara yang dilakukan untuk mempercantik blog itu sendiri.

Banyak para blogger master yang membuat tutorial tentang bagaimana cara ngeblog atau memoles blog,contoh Kang Rohman atau o-om.

Hanya sekedar sharing saja sebagai bloger pemula, kali ini saya akan berbagi bagaimana membuat tooltip, apa itu tooltip ? coba sobat blogger arahkan cursor kesini.

Tooltip adalah tulisan yang muncul ketika cursor menuju suatu objek baik gambar atau tulisan sebagai keterangan tambahan, bagaimana caranya ?

ini dia caranya, cukup mudah dan simple.

untuk tulisan ini kodenya

<a title="ini adalah contoh tooltip">kesini</a>


tulisan yang di cetak tebal silahkan anda rubah sesuai dengan keinginan anda
sesuai dengan tema atau keterangan yang ingin anda munculkan.

Dan untuk memuat tooltip pada image seperti ini. Arahkan cursor ke gambar dibawah ini.



Ada tulisan yang muncul yaitu bunga anggrek

Ini kodenya

<img src="http://t0.gstatic.com/images?q=tbn:L1pcp-HK1B5HKM:http://rianiflower.files.wordpress.com/2008/03/dsc00464.jpg"title="Bunga Anggrek">


Caranya hanya menambahkan title="tulis kata-kata disini"

Sedikit pemberitahuan "img src" adalah kode untuk menampilkan gambar atau image.

Sedangkan "a href" adalah membuka link baru apabila kita mengklik sebuah tulisan.

Sekian sekilas HTML kali ini mudah-mudahan bermanfat.
Lazada Indonesia

Subscribe to receive free email updates:

0 Response to "Membuat Tooltip"

Posting Komentar

Terima kasih sudah berkunjung ke blog saya silahkan tinggalkan komentar