Home »
Tutorial Blog
» Cara Membuat tombol Share Melayang
Posted by : Irvan Kadhafi
Senin, 05 Maret 2012
Cara Membuat tombol Share Melayang menurutku memasang ini sangat penting bagi para blogger, dengan adanya Cara Membuat tombol Share Melayang kita dengan mudah mempromosikan blog kita ke jejaring sosial dan Membuat blog kita ada tambahan visitor XD, dibawah ini ss dari Cara Membuat tombol Share Melayang

untuk cara membuat Cara Membuat tombol Share Melayang langsung saja caranya di bawah ini :
1. Masuk ke dasbord >> rancangan >> edit HTML
2. lalu cari kode ]]></b:skin>
3. jika sudah dapat Copy kode CSS di bawah lalu Pastekan di atas ]]></b:skin>
#grendganteng {display:scroll;position:fixed;bottom:350px;left:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;}4. Jika sudah cari kode </body> , lalu copy kode di bawah ini di atas kode </body>
#grendganteng .tekan {float:left;clear:both;margin:5px 5px 0 5px;border: 2px dashed #000000}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
<div id='grendganteng' title='DI KLIK'>Dan selesai :D
<div class='tekan' id='fb'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div class='tekan' id='rt'>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script></div>
<div class='tekan' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'>
</script>
</a></div>
<div class='tekan' id='gplusone'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
</script>
<g:plusone size='tall'/></div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://grendficky.blogspot.com/">[close]</a></div>
</div>
Atau bisa juga dengan cara yang Simple untuk Membuat tombol Share Melayang, Untuk Cara Simple Membuat tombol Share Melayang, langsung saja saya kasih tau :D
1. Masuk ke dasbord >> Design >> Add a Widget
2. Lalu masukkan Kode di bawah ini
<style>3. Lalu tekan Save dan semoga berhasil Membuat tombol Share Melayangnya
#grendganteng {display:scroll;position:fixed;bottom:350px;left:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;}
#grendganteng .tekan {float:left;clear:both;margin:5px 5px 0 5px;border: 2px dashed #000000}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='grendganteng' title='DI KLIK'>
<div class='tekan' id='fb'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div class=' tekan' id='rt'>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script></div>
<div class='tekan' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'>
</script>
</a></div>
<div class='tekan' id='gplusone'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
</script>
<g:plusone size='tall'/></div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://grendficky.blogspot.com/">[close]</a></div>
</div>
Irvan Kadhafi™ BackLinks !!
URL |
Code For Forum |
HTML Code |