Sabtu, 28 Maret 2009

TOOLTIP'S

Yeuup's abis bangun tidur sobat..... setelah semalam suntuk mencoba berburu banyak ilmu !
nah sore ini saya akan kasih ilmu sederhana untuk membuat "TOOLTIP'S" sederhana. Karena saya malas buat jelasin secara rinci apa itu TOOLTIP'S silahkan anda lihat contohnya dengan menggeser mouse anda
kesiniIni namanya TOOLTIP'S MAS...!! atau disiniJava Script Free Code.
Nah dah ngerti kan ? Tooltip's alias pesan yang terdapat diatas link ?
Sebetulnya buanyak banget jenis dari Tooltip's, tapi menurut saya, jenis yang ini adalah alternatif yang terbaik (menurut saya) dan paling sederhana, mengingat kita tidak harus memasang beberapa aplikasi dan script pemanggil file ".js" pada umumnya.
Nah, jika anda tertarik untuk memasangnya.. silahkan anda ikuti langkah mudah berikut ini :

Masuk account blogger anda==>Dasboard/dasbor==> Layout/tataletak==> Edit HTML centang "EXPAND TEMPLATE WIDGET" jangan lupa lakukan backup dengan download lengkap template buat berjaga-jaga jika terjadi kesalahan.
Lalu Copy kkode dibawah ini :

a:hover {background:#abcdef; text-decoration:none;}
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#abcdef; border:1px solid #0000ff; color:#000000;}

lalu paste tepat DIATAS kode :

]]></b:skin>

Agar mudah buat mencari kode ]]></b:skin> gunakan CTRL+F yah...?

Nah setelah kalian paste dengan posisi yang tepat, anda boleh klik tombol save/simpan perubahan O.k?

Trus gmn cara menampilkan dan pasangnya ?
Ocre.... ikuti lagi brother....
nah.. jika anda ingin menampilkan Toolip's ini pada tulisan anda,copy kode ini :

<a class="tooltip" href="http://Alamat situs.com">TULISAN PADA HALAMAN BLOG<span>TULISAN DIDALAM TOOLTIP'S</span></a>

Nah "TULISAN DIDALAM TOOLTIP" itulah yang nantinya akan dimunculkan setiap kali muose/pointer berada diatasnya.
Dan anda bisa mengedit warna background, lebar, border dan warna huruf-nya sesuai selera anda denga mengganti kode yang tercetak merah dikode paling atas itu.
Mudah bukan ?
Silahkan dicoba..... kalau sudah berhasil, jangan lupa kasih tahu sahabat yang lain ya ?
MARI BERBAGI !!

4 komentar:

Silahkan tulis disini dengan santai dan tertawa2 !!