Membuat Tombol Share Melayang di Blog

Bismillah......!!!
Selamat siang para blogger semua, Kali ini Blog Info dari Didi akan memberikan tips atau cara Membuat Tombol Share Melayang Di Blog meski kemarin suda di berikan cara membuat

tombol share di atas posting

tapi ga ada salahnya jika saya sampaikan membuat tombol Share Melayang di Blog.

Seperti Biasa langkah-langkah yang harus kita lakukan yaitu :

1. Pertama pasti kita harus Login dulu di Blogger
2. Langkah Kedua sobat masuk pada Rancangan
3. Kemudian Sobat Klik Tambah Gadget
4. Pilih HTML/JavaScript dan Copas HTML dibawah ini

<!--SideBar Floating Share Buttons Code Start-->
<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.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;-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='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://info-didi.blogspot.com/2012/03/membuat-tombol-share-melayang-di-blog.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

Yang terakhir sobat klik Save

Sekedar Mengingatkan Anda berada di BLOG INFO DARI DIDI: Membuat Tombol Share Melayang di Blog sedang membaca artikel Membuat Tombol Share Melayang di Blog dan artikel ini url permalinknya adalah http://info-didi.blogspot.com/2012/03/membuat-tombol-share-melayang-di-blog.htmlSemoga artikel Membuat Tombol Share Melayang di Blog ini bisa bermanfaat.

Silakan Baca Artikel Lain By : Blog Info dari Didi