Home » » Cara Membuat ToolTips Warna-Warni Dengan CSS3

Cara Membuat ToolTips Warna-Warni Dengan CSS3

Pada hari ini taukahbahwa.blogspot.com akan menyampaikan artikel tentang Cara Membuat ToolTips Warna-Warni Dengan CSS3. Semoga dengan posting Cara Membuat ToolTips Warna-Warni Dengan CSS3 akan menambah pengetahuan bagi anda pembaca setia taukahbahwa.blogspot.com





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


Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com
Homepage|http://taukahbahwa.blogspot.com

Sobat baru saja membaca artikel yang berkategori Informasi dengan judul Cara Membuat ToolTips Warna-Warni Dengan CSS3. Jika sobat rasa artikel ini menarik silakan di share dengan meninggalkan URL http://taukahbahwa.blogspot.com/2014/02/cara-membuat-tooltips-warna-warni.html. Terima kasih atas kunjungannya!

0 komentar:

Posting Komentar