21 Mei 2010

Pin It

Membuat Tooltips Pada Sebuah Objek

Tooltips pada objek | Khamardos's BlogHai sobat blogger semua, Apa kbar ? Semoga makin sukses yach !!!

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 :

Tooltips pada objek | Khamardos's Blog

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 (utk menentukan warna tooltipsnya) 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 :
Tooltips pada objek | Khamardos's Blog

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 :
'' Copy Kode diatas barusan, lalu paste di mana saja, Misalnya saja di Widget HTML/JAVASCRIPT, Di Edit HTML pada Tata Letak, Maupun di Postingan anda sendiri pada format HTMLnya!!! (sesuai kreasi anda).''
--------------------------------------------------------------------------------------------------------------



Jika ada pertanyaan silahkan bertanya di form komentar- Jangan Lupa Komentarnya Yach !!!

HAPPY BLOGGING SOBAT !!!


Share To lintasberita.com | Khamardos Blog

Bagikan Jika Artikel ini menarik, Diharapkan agar memberikannya kepada teman2 anda di Facebook

Artikel Lainnya :

11 comments:

Klik Untuk Lihat Komentar

Anton on 21 Mei 2010 21.48 mengatakan...

Salam sobat, sewaktu-waktu saya akan membutuhkan scripct tentang membuat tooltips ini, good tutorial.

Rizky2009 on 22 Mei 2010 17.27 mengatakan...

tooltops q saat ini aq hapus sob, soalnya blog q dah kebanyakan JS

Mufi_ed on 23 Mei 2010 19.04 mengatakan...

@ Rizky2009
hehehheee..... Ok dech klo gt sob !!!

@ Anton
Sip, smoga berhasil !!!!

Rchymera on 24 Mei 2010 12.57 mengatakan...

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

JhezeR on 24 Mei 2010 16.39 mengatakan...

keren juga nih bro tool tipsnya...pake efek silau²an.

the sunrise on 24 Mei 2010 20.11 mengatakan...

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 . .

secangkir teh dan sekerat roti on 25 Mei 2010 11.03 mengatakan...

oo ya.. ngerti saya setelah saya coba

akhatam on 25 Mei 2010 15.31 mengatakan...

Wahhh kereennn!! Tx gann triknya..

eNeS on 27 Mei 2010 07.34 mengatakan...

Tooltips yang menarik untuk dicoba sob....

Komputer Tips on 27 Mei 2010 17.39 mengatakan...

nice info
keep post

Bisnis Fantastis on 31 Mei 2010 15.30 mengatakan...

Tips-nya boleh sobat buat accessories blog aku biar tambah eye catching dan tambah berbobot. thanks kunjungannya
:)

:: Komentar Anda ::

Silahkan isi Komentar anda pada Form Komentar dibawah ini !!!
Kritik dan Saran yang membangun sangat saya harapkan dari sobat semua !!!

NO SPAM PLEASE !!!

Senyum :)) tunggu :)] centil ;)) kedip ;;) unjuk gigi :D hai ;) week - Jelek :p menangis :((
smile :) gawat :( Love - cinta :X briken love - patah hati =(( ooo - ounght :-o bingung :-/ kiss - cium :-* nothing :|
Gila - stres 8-} pusing ~x( takut :-t tenju - pukul b-( marah :-L marah kali x( sangat lucu =))

[[ Form Komentar Klasik ]]

Jika Anda Ingin Berlangganan Artikel Dari Situs Ini,
Silahkan Ketik Email Anda Pada Form Di Bawah Ini :

 
Copyright © 2009 Black Nero is Designed by Ipietoon | Tweaking by Mufied