Thursday, 28 March 2013

Cara Membuat ToolTips Warna-Warni Dengan CSS3





Tooltips ini menggunakan jquery dan css dan tampilan tooltips ini sangat menarik dengan warna biru, hijau, merah, kuning, putih dan hitam, secara default tooltips ini menampilkan warna kuning. untuk melihat hasilnya



Bagaimana apa sobat tertarik untuk membuat tooltips warna-warni ini?

Langsung saja kita ikuti tutorial berikut ini :

1.    Login ke Blogger

2.    Pilih tab Dsign > Edit HTML

3.    Cari kode ]]></b:skin>

4.    Copy kode di bawah ini dan pastekan tepat di bawah kode ]]></b:skin>



<link href='https://sites.google.com/site/tutorialseoblogger/file/colortip-1.0-jquery.css' rel='StyleSheet' type='text/css'/>

5.    Kemudian cari kode </body>

6.    Copy kode di bawah ini dan pastekan tepat di atas kode </body>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src='https://sites.google.com/site/tutorialseoblogger/file/colortip-1.0-jquery.js' type='text/javascript'/> <script src='https://sites.google.com/site/tutorialseoblogger/file/scriptcolortips.js' type='text/javascript'/>

7.    Simpan template sobat.

8.    Untuk mengaplikasikannya tambahkan kode class='blue' untuk menampilkan tooltips berwarna biru

contoh

    <a href='http://www.tutorial-4u.com/' title='Tutorial For You' class='blue'>Tutorial For You</a>

Warna yang tersedia, blue, red, green, yellow, white dan black

Selesai sudah tutorial Cara Membuat ToolTips Warna-Warni Dengan JQuery,
selamat mencoba, semoga berhasil dan bermanfaat

No comments:

Post a comment

Silahkan Komen Rider,