Pasang Iklan | Download Mozilla Terbaru | Zodiak Hari Ini | Jadwal Bola TV
Google

Cara Membuat ToolTip Bergambar

Diterbitkan oleh pada hari Kamis, 10 Februari 2011
Tooltip Bergambar
Cara Membuat ToolTip Bergambar ---Tooltip bergambar sebenarnya adalah konsep yang sama dengan tooltip sederhana pake CSS seperti pada post sebelumnya. Perbedaannya cuma pada keterangan isi tooltip yang di ganti dengan link gambar.

Yuk kita lihat aja contoh demo tolltip bergambar berikut:

Ini adalah Bisnis Online SayaBisnis Online


Kode yang membentuk tooltip diatas adalah:
Ini adalah <a class="tooltip" href="http://www.iskaruji.com">pacar saya<span><img src="http://lh6.googleusercontent.com/_55xfixw5xxA/TWeF_Ds-8vI/AAAAAAAAAa0/GAbwqp55OBg/images.jpg"/></span></a>
Kode berwarna merah adalah kode url gambar yang ingin di tampilkan saat kursor mengarah ke link. Dengan konsep semacam ini , sepertinya bagus juga untuk display produk dalam bentuk thumbnail. Dan untuk melihat tampilan besarnya cukup dengan mengarahkan produk tersebut.

Untuk temen-temen yang baru datang , silahkan lihat post sebelum ini untuk melihat cara bikinnya. Satu lagi, tips maupun tutorial blogging yang saya share disini adalah untuk diterapkan di blogspot, bukan yang lainnya..

Thanks moga bermanfaat!