Rabu, 07 Desember 2011

Cara Menambahkan Floating Button

Mau tau caranya supaya di blog kita ada floating button kayak punya gue yang disamping itu?? yg kayak gini nih

begini nih caranya...
1. Log in > Dashboard > Design > Add Gadget > Html/Java Script
2.  Copast kode yg ini:
 <style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:
140px; left:-12px;'>

<a class='linkopacity' href='http://www.facebook.com/anblingblingbling' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='
http://twitter.com/anggrainii_wita' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='
http://anggraini-purwita.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />


</div>
3.  kalo udah dicopast ganti tulisan yang warna pink sama link facebook, twitter, sama blog kalian sendiri-sendiri, okeh...yang warna biru bisa diganti sama url image yg kalian mau, tulisan warna merah yg kata "left" itu bisa diganti "right" kalo mau.
4.  kalo udah selesai tinggal di save dan liat hasilnya...... jadi kan.... 

cr: lyssasecret.com

0 komentar:

Posting Komentar

Copyright©2012.All Right Reserved By Anggraini Purwita