tooltip link title otomatis

Tooltip title link pada blogspot merupakan title link yang ditampilkan dengan suatu design yang digerakkan Jquery sistem. Penggunaan tooltip title link ini sangat marak kita lihat pada website, mulai dari situs yang terkecil sampai situs yang terbesar. Sistem 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 tooltip title link ini pada halaman blog anda silahkan simak penjelasan dibawah ini, langsung saja menuju TKP.

1. Login ke dashboard blog anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code
   
   Code:

   </b:skin>
   

   setelah ketemu..
4. Copy Code script CSS nya dibawah ini, pastekan tepat diatas code
   
   Code:

   </b:skin>
   

   yang telah anda temukan tadi atau bila template blog anda memakai silahkan pastekan kode CSS nya tepat diatas template anda.

Spoiler

/*****************************************
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 ***/

Setelah anda selesai memasang CSS tooltip title link ini seperti yang telah diutarakan diatas , saatnya untuk memasang code tooltipnya dengan jquery / javascript. Untuk memasang scriptnya silahkan anda cari code

Code:

</head>

, setelah ketemu silahkan copy code dibawah ini dan pastekan tepat diatas code

Code:

</head>

yang anda cari sebelumnya, maka secara otomatis semua title pada link yang berada dihalaman blogspot anda akan memiliki sistem tooltip.

Spoiler

Code:

<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>

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