Riyukko's Blog
S
t
a
t
u
s




| Woaah~ Aku kebanyakan update freebies ya? Hehehe... mumpung ada banyak link, jadi aku post aja. Daripada nanti malah lupa XDD
06.15 AM
10/07/15


| Edit sedikit penampilan blog ini X'DD Semoga gak terlalu mengganggu kalian~!
10.52 AM
04/07/15


| None
time
date
 


RULES

Please dont re-post my entries without linkable(?) credit ^^
----
Tolong jangan re-post setiap post-ku tanpa linkable(?) credit ^^ Setiap dosa ditanggung kalian~!

Hi There!


Riyukko. Candyroll. 16 y.o. An ordinary girl with ordinary ideas and ordinary activities.
Contact me? Comment here! And I do have LINE and FB account so just ask me if u want to know.

Tagboard


Blog Archive


The Friends


Credits

© 2013 - Full Template by Riyukko Ryuu and the basecode from Anugerah Salsa . Header hover code from Azkiya. Bullet Icons from Gasara
Protected by Copyscape Web Plagiarism Scanner
Customize Tooltips
Senin, 12 Mei 2014 | 0 Sparkle[s]
http://24.media.tumblr.com/2017111d512f632deea3bd860454afc6/tumblr_mj2qxdRAu61rmf86jo1_500.gif
Hello! TTuTT
Senengnya bisa balik lagi :v Apa kalian udah lupain aku?? //alaymode
Langsung to the topic! Ikut step by step! BTW... ni contoh tooltips nya~~

  • First of all, yu must put fontface code. Copy this code : (Pasang kode fontface dulu)
/* FONTS */
@font-face {font-family: "littlefont"; src: url('http://static.tumblr.com/yn7vk7p/QSsmnz073/tinyfontss.ttf');}
  • After that, search code </head>. Paste this code under code </head> : (Cari kode </head> abis itu paste code ini dibawah kode </head> ya~)
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>
  •  And then, search code <style>. Paste this code above code <style> : (Cari kode <style> dan paste kode ini diatas code <style>
#s-m-t-tooltip {
font:8px littlefont;
color:#fff;
text-transform:uppercase;
letter-spacing: 1px;
background: #ffe4e1;
display: none;
position: absolute;
z-index: 9999999;
padding: 2px 5px 2px 5px;
text-shadow:1px 1px 0px #ffaee8;
max-width: 150px;
margin: 10px;
border: 1px solid #ffc0cb;
}
  •  Change the red code with your favo color (ganti kode berwarna dengan warna favo mu)
How to use the tooltips?
Copy below code and paste it anywhere you want it to appear...

<a href="http:/gohelchi.blogspot.com/" title="Love♥">Hover here !</a>

The blue highlighted text : the link.
The pink highlighted text : the title of the tooltips.

Source : Salsa

Label: , ,

Posting Komentar

Please comment after reading this post ><
No SPAM! No HARSH word!
Now, comment :)


Newer Post
Older Post