Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Tuesday, December 24, 2013

auto tooltip title link

Auto tooltip title link - auto tooltip title link pada blogspot merupakan title link yang ditampilkan dengan suatu design yang digerakkan Jquery sistem. Penggunaan auto tooltip title link ini sangat marak kita lihat pada website, mulai dari situs yang terkecil sampai situs yang terbesar. Sistem auto tooltip title link pada postingan ini akan secara otomatis berfungsi pada setiap title link yang ada pada halaman blog tersebut, jadi anda tidak perlu lagi memodifikasi link anda, hanya saja setiap pemakaian link anda harus memakai fungsi title pada setiap link anda, agar sistem tooltip title link ini berfungsi. Untuk melihat tampilannya silahkan lihat demo link dibawah, dekatkan cursor anda pada setiap link yang ada. Bila anda tertarik memasang auto tooltip title link ini pada halaman blog anda silahkan simak penjelasan dibawah ini, langsung saja menuju TKP.

Demo


Code CSS here..


/*****************************************
Name : tooltip title link
By : Rivai Silaban | Blog Design
Update :Selasa 24, Desember 2013
site : www.rivai.org
******************************************/
#tooltip-rivai-silaban{
position:fixed;
max-width:300px;
padding:6px 8px 8px 8px;
background:#222;
z-index:10;
display:inline-block;
font-family:Verdana;
font-size:11px;
line-height:16px;
color:#fff;
border-radius:5px;
}
/*** www.rivai.org CSS and ***/


Code SCRIPT here..


<!-- Rivai Silaban auto tooltip title link start-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/213462114520/tooltips.js"></script>
<script type="text/javascript">
$().ready(function() {
//applies to all elements with title attribute. Change to ".class[title]" to select only elements with specific .class and title
$("[title]").style_my_tooltips({
tip_follows_cursor: "on", //on/off
tip_delay_time: 100 //milliseconds
});
});
</script>
<!-- Rivai Silaban auto tooltip title link end-->


Code diatas merupakan code CSS dan code tag HTML dari cara membuat auto tooltip title link di blogspot yang mungkin sudah anda lihat tampilannya pada halaman demonya, Buat teman teman yang masih belajar blogging sama kayak saya silahkan kunjungi halaman tata cara pemasangan auto tooltip title link untuk blogspot, melalui link dibawah ini...

http://www.rivai.org/2013/12/tooltip-title-link.html

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 8:39 PM

6 comments :

  1. Selamat malam Bang Rivai bagus tooltip nya Bang, Ijin simak
    dan baca dengan seksama. salam sukses selalu Bang Rivai :)

    ReplyDelete
  2. bang wok ga ? kok ane coba ga bisa ya ...

    ReplyDelete
    Replies
    1. itu codenya work, sama kayak demonya, coba perhatikan dulu codenya manatau ada pemasangan code yang salah

      Delete
    2. coba di cek Jquerynya jangan ada doubel harusnya satu..

      Delete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog