Cara Buat Tooltips
Tooltips adalah sebuah object yang menandai object lain dengan cara mengeluarkan sebuah tulisan lain yang bisa diartikan deskripsi dari sebuah object.Nah Tooltip yang saya sertakan ini adalah tooltip yang mengikuti arah gerak mouse.Nah bagi yang ingin coba silahkan ikuti cara-cara berikut ini.
1. Buka Akun blogger.com
2. klik Layout/Design → Edit HTML → Cari kode <head>.Letakan kode berikut tepat di bawah kode <head> :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/farixsantips/scripts/vtip.js"></script>
<style type="text/css">
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
</style>
4. Berikutnya tinggal dimana sobat meletakan Object apapun dengan di tambah Class="vtip".
Sebagai Contoh :
Link →
Link →
<a href="http://it-softcenter.blogspot.com" class="vtip" title="Berikut adalah Blog tutorial">IT-Soft Center</a>
Tulisan Merah adalah Url Link, Tulisan Biru adalah Class yang harus vtip, sedangkan Tulisan Kuning adalah Deskripsi dari sebuah Object itu.
Gambar →
<img src="URL_GAMBAR" class="vtip" title="Deskripsi dari sebuah gambar"/>
Tulisan Merah adalah Url Gambar, Tulisan Biru adalah Class yang harus vtip, sedangkan Tulisan Kuning adalah Deskripsi dari sebuah Object itu.
Sekian Tutorial Cara Buat Tooltips dari saya.Semoga Bermanfaat ^_^
Categories:
Tips n Trick
TUTORIAL MEMPERBAIKI KOMPUTER
By Published: 2011-12-04T16:09:00+07:00
Cara Buat Tooltips
