Tim Van Damme Inspired by Tim Vand Damme

Pengikut

Network


ShoutMix chat widget

Buku Tamu

Blog

9 Jun 2011

Membuat Tooltips Dengan Jquery

Penggunaan Jquery memang sangat menarik sekali. banyak pilihan yang bisa dibuat dengan menggunakan Jquery, salah satunya adalah Tooltip. kali ini saya beri nama Membuat Tooltips Dengan Jquery. mari kita lihat caranya berikut :
untuk demonya bisa dilihat di Oblo.web.id.

Masuk ke blogger - Rancangan - Edit Html - Kemudian cari kode </head> letakkan kode berikut diatasnya :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">

Kemudian letakkan Javascript berikut dibwah  kode diatas tadi :


Lagkah selanjutnya memasukkan kode Css berikut diatas kode ]]></b:skin>



#easyTooltip{
padding:5px 10px;
border:1px solid #EF6D21;
background: #181C18;
color:#E0EFE0;
}

Lalu untuk menggunakannya silahkan masukkan kode berikut disetiap link yang ingin diberi Tooltips :

contoh :


<a class="tooltip" href="http://blogger.com/" title="Tutorial">
Tutorial
</a>

Sekian dulu Membuat Tooltips Dengan Jquery semoga bermanfaat.

0 komentar:

Posting Komentar


Only CSS and Jquery Design by Insight © 2009

This template is brought to you by : allblogtools.com | Blogger Templates