★ Membuat Tooltip Original
Disini,pelajaran blog sekali lagi hanya untuk tutorial blog pemula saja.
Jadi,inti dari isi artikel pada blog ini,hanya ditujukan bagi yang awam akan dunia blog.
Salah satunya,seperti yang saya alami sebelumnya akan ketidak tahuan suatu event.
Misal,saat saya ingin tahu bagamana membuat tulisan nongol saat mouse diatasnya sebagai media keterangan.
Saya tidak tahu bahwa itu adalah tooltip,jika anda sudah mengenal Microsoft Word,anda pasti sudah tak jarang menjumpai ToolTip ini.
Untuk penjelasan lebih detail masalah tooltip,anda bisa baca di sini.
Nah,kali ini saya hanya ingin share masalah tooltip ini.
Jika anda sudah mengerti soal tooltip ini,anda boleh membaca artikel yang lain,namun bagi anda yang belum tahu cara membuat tooltip,saya akan membagikan info ini disamping juga untuk mengisi kekosongan pada blog ini.
★Cara Membuat Tooltip Pada Gambar/Image
Anda sudah tahu khan cara meletakkan gambar pada blog? jika belum tahu anda bisa baca tutorialnya disini.
Nah,untuk membuat tooltip pada gambar alias Image,anda hanya menyisipkan kode:
Title="Text Tooltip Yang Kan Muncul"
Contoh pemakaian kodenya,anda bisa lihat barisan kode berikut:
<img src="http://1.bp.blogspot.com/_n7xseT2-HDU/SveGmH-vRcI/AAAAAAAAAbo/T-xpQB1BHC0/s200/cara+membuat+tooltip.jpg" title="Saya Sedang Belajar Membuat Tooltip">
**UntukDari kode diatas,akan menghasilkan seperti dibawah ini [coba anda letakkan mouse diatas gambar ini]:http://1.bp.blogspot.com/_n7xseT2-HDU/SveGmH-vRcI/AAAAAAAAAbo/T-xpQB1BHC0/s200/cara+membuat+tooltip.jpg
,anda ganti sesuai alamat/url gambar yang ingin anda pasang.
Sedangkan tulisanSaya Sedang Belajar Membuat Tooltip
,rubahlah sesuai keinginan anda.
Semoga,gambar diatas
★Cara Membuat Tooltip Pada Link/Anchor
Sama seperti langkah membuat tooltip pada gambar diatas,hanya menyisipkan kode
Title="Text Tooltip Yang Kan Muncul"
Contoh pemakaiannya,seperti barisan kode berikut ini:
<a href="http://dot-blogspot76.blogspot.com
/" title="Cara Membuat Tooltip Bro!">Cara Menghias Tooltip</a>
**UntukCara Membuat Tooltip Bro!
,anda ganti sesuai keinginan.
Sedangkanhttp://dot-blogspot76.blogspot.com
,adalah link yang ingin anda tuju.
/
Hasilnya akan sepertiu dibawah ini [letakkan mouse diatas link dibawah ini]:
Tidak ada komentar:
Posting Komentar