Kali ini saya akan memposting bagaimana cara Membuat Tooltips Pada Sebuah Objek.
Jika anda yang masih penasaran bagaimana preview dari tutor kita kali ini !!! lihatlah gambar dibawah ini :
Bagaimana, Masih bingung ? Ok, Coba anda arahkan pointer anda ke sidebar blog saya ini, nanti akan muncul tooltips yang berwarna hijau !!! (waduh bingung jelasinnya - hehehehehe....)
OK, Jika sobat tertarik maka ikuti cara saya berikut tentang cara "Membuat Tooltips Pada Sebuah Objek" pada template blogger :
1. Login pada Blogger
2. Masuk ke bagian Layout, kemudian ke bagian Edit HTML
Back up Template dengan cara Mengklik : Download Template Lengkap
Setelah itu, beri tanda cek pada .
3. Pilih salah satu script dibawah () lalu Copy script dibawah. Lalu, Paste salah satu Script dibawah Setelah kode </head>
Berikut Pilihan Sesuai Warna Blog Anda :
Warna Hijau Seperti Blog saya :
<script src='http://khamardos.googlecode.com/files/tooltips.js' type='text/javascript'/>
Warna Biru :
<script src='http://khamardos.googlecode.com/files/tooltips-blue.js' type='text/javascript'/>
Warna Kuning :
<script src='http://khamardos.googlecode.com/files/tooltips-yellow.js' type='text/javascript'/>
Warna Hitam :
<script src='http://khamardos.googlecode.com/files/tooltips-dark.js' type='text/javascript'/>
Warna Merah seperti ICT-SMANSA's Blog :
<script src='http://khamardos.googlecode.com/files/tooltips-red.js' type='text/javascript'/>
--------------------------------------------------------------------------------------------------------------
Lalu Berikut Cara Pemakaiannya :
- Untuk format pemakaian umumnya adalah sebagai berikut :
<div title="header=[:: Judul Tooltips ::] body=[:: Isi Tooltips ::]"> Objek yang akan disorot oleh tooltips </div>Hasilnya seperti ini :
Pada keterangan "Objek yang akan disorot oleh tooltips" , anda bisa mengubahnya dengan kode gambar, flash, atau objek lainnya selain teks !!! Sekarang, Tinggal anda yang membuat tutor ini menjadi menarik !!!
- Setelah paham pemakaiannya, pergi ke Tata Letak - Elemen Laman - Tambah Gadget - +HMTL/Javascript (Lalu paste kode yang barusan anda edit tersebut!!!)
Note :
--------------------------------------------------------------------------------------------------------------
Jika ada pertanyaan silahkan bertanya di form komentar- Jangan Lupa Komentarnya Yach !!!
11 comments:
Salam sobat, sewaktu-waktu saya akan membutuhkan scripct tentang membuat tooltips ini, good tutorial.
tooltops q saat ini aq hapus sob, soalnya blog q dah kebanyakan JS
@ Rizky2009
hehehheee..... Ok dech klo gt sob !!!
@ Anton
Sip, smoga berhasil !!!!
Maknyus infonya sobat dan langsung dipelajari dech ntol ntipnya hehehe...:D
Kbrnya baik2 aja sob tapi kerjaan lg bejibun nich coz klo kgk gt dapur kgk ngebul nich hehehe,semoga sehat juga disana dan mhn maaf agak telat nich mampirnya...:D
keren juga nih bro tool tipsnya...pake efek silau²an.
Sebuah inovasi baru menurut saya sob . . .
Tooltip buanyak sekali fungsinya terutama menambah informasi pada suatu bagian blog sehingga pengunjung bener2 ngerti apa yang sedang dilihat atau yang akan dibacanya . .
Great posting . .
oo ya.. ngerti saya setelah saya coba
Wahhh kereennn!! Tx gann triknya..
Tooltips yang menarik untuk dicoba sob....
nice info
keep post
Tips-nya boleh sobat buat accessories blog aku biar tambah eye catching dan tambah berbobot. thanks kunjungannya
:)
:: Komentar Anda ::
Kritik dan Saran yang membangun sangat saya harapkan dari sobat semua !!!
:) :( :X =(( :-o :-/ :-* :|
8-} ~x( :-t b-( :-L x( =))
[[ Form Komentar Klasik ]]