1. Login ke Blogger
2. Dashboard > Pilih Template
3. Pilih Edit HTML
4. - Cari kode ini Untuk Denim dan Simple Template
]]></b:skin>
- Cari kode ini untuk Classic dan Blogskin:
</style>
5. Copy Paste kode ini DIATAS kode no 4
#s-m-t-tooltip {
background: url(URL BACKGROUND);
font-size: 9px;
line-height: 11px;
font-family: arial;
letter-spacing: 2px;
text-transform: lowercase;
color: #fff;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
margin: 24px 14px 7px 12px;
}
6. - Cari kode ini untuk Denim dan Simple Template
</head>
- Cari kode ini untuk Classic dan Blogskin
</html>
7. Copy Paste kode ini DIATAS kode no 6:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<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>
Note :
Untuk pasang pada link :
<a href="http://chiaki-tachikawa.blogspot.com/" title"chiaki tachikawa" />
Ganti dengan yang kalian inginkan ^^
Untuk pasang pada gambar :
<img src="http://blablabla.com/" title="terserah kalian" />
////////////////////////////////////////////////////////////////////////////////
Langkah 1:
Log in blog => Dashboard => Layout => Edit HTML.
Langkah 2:
Dengan menggunakan keyboard, tekan kekunci Ctrl + F. Seterusnya, taip atau paste kod <body> pada ruang Find dan tekan kekunci Enter.
Langkah 3:
Salin kod berwarna biru di bawah dan paste di atas atau sebelum kod<body>.
<link href='http://sites.google.com/site/defaultjssite/urltooltip.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/>
<script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>
Akhir sekali, klik preview dan jika tida mesej Error yang terpapar, klik saja Save.
For more tooltips, see Hongkiat | AppCues
Credit: chiaki
Terima kasih baca, sudi-sudilah komen :) .
No comments:
Post a Comment