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.
0 komentar: on "Membuat Tooltip"
Posting Komentar