Friday, 6 July 2012

Floating Button Facebook , Twitter dan Blog


Floating button Facebook , Twitter , dan Blog digunakan untuk memudahkan reader connect dengan sosial networksobat  .  Kalau sobat juga ingin memasangnya ikut langkah - langkah berikut ini :

1. Sing in Akun Blogger
2. Klik Rancangan => Tambah Gadget => Html/Javascript
3. Masukkan kode dibawah 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='URL FACEBOOK ANDA' 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='URL TWITTER ANDA' 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='URL BLOG ANDA' 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>

Keterangan :
- Pada tulisan berwarna biru, masukkan url facebook, twitter dan blog sobat .
- Pada tulisan berwarna merah itu adalah Image dari Button . Jika sobat mau mengganti nya , silahkan atau mau pake yang saya sediakan bisa juga .
 - Yang warna hijau sobat boleh ganti sesuaikan dengan blog sobat . Left bisa diganti dengan right.


4. Simpan

Artikel Terkait

Bijaklah dalam berkomentar
EmoticonEmoticon