Cara Memasang Tombol Share Melayang

Alhamdulillah yahhh, akhirnya saya bisa memposting kembalai setelah sekian lama vakum .. . hehehe :)

Kali ini saya akan berbagi kepada teman-teman semua tentang judul postingan saya ini yang berjudul "Cara Memasang Tombol Share Melayang" . . .
Mungkin postingan saya ini terlalu jadul kali yaa ?? karena sudah banyak sekali yg memposting artikel seperti ini .. hehehe
Okelah langsung saja kita bahas bagaimana cara pembuatannya.. (Emang mau buat tempe tah??)

Berikut adalah langkah-langkahnya :
1. Login seperti biasa ke Blogger.com

2. Cari Rancangan -- Tata Letak -- Add Widget -- HTML/JavaScript

3. Copy Pastekan Script di bawah ini

<style>
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*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="pageshare" title="Get this from khamardos.blogspot.com">
<div class="sbutton" 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="sbutton" id="rt">
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script></div>
<div class="sbutton" 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="sbutton" id="gplusone">
<script src="http://apis.google.com/js/plusone.js" type="text/javascript">
</script>
<g:plusone size="tall"></g:plusone></div>
</div>

NOTE :
Tulisan yang berwarna merah "left" bisa anda ganti dengan "right" atau sesuai dengan posisi yang anda inginkan. . .

4. Kemudian Silahkan Di Save

Share to >>>

Facebook Google+ Twitter