02.56
perubahan
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 berikut:
Ini adalah pacar saya
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!
Posted in: 
0 komentar:
Posting Komentar