Saturday, 7 November 2009

Cara Membuat ToolTip Sederhana


★ Membuat Tooltip Original


Cara Membuat Tooltip Menarik Untuk Pemula.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">

**Untuk 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 tulisan Saya Sedang Belajar Membuat Tooltip,rubahlah sesuai keinginan anda.
Dari kode diatas,akan menghasilkan seperti dibawah ini [coba anda letakkan mouse diatas gambar ini]:
belajar membuat tool tip

Semoga,gambar diatas tidak mirip dengan seseorang yang sedang membaca artikel blog ini,xixixixi..

★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://pelajaran-blog.blogspot.com/" title="Cara Membuat Tooltip Bro!">Cara Menghias Tooltip</a>

**Untuk Cara Membuat Tooltip Bro!,anda ganti sesuai keinginan.
Sedangkan http://pelajaran-blog.blogspot.com/,adalah link yang ingin anda tuju.
Hasilnya akan sepertiu dibawah ini [letakkan mouse diatas link dibawah ini]:

Cara Menghias Tooltip

Baca Juga Yang Ini..