Teknik Gampang Bikin Share Media Sosial di Blog

Artikel Teknik Gampang Bikin Share Media Sosial di Blog ini saya dapatkan dari blognya
bos-tutorial.blogspot.com kemudian saya rubah seperlunya dan saya share kepada anda.

Cara ini adalah tentang Tutorial bagaimana Cara Memasang Widget Share Media Sosial di Blog dengan Float.

Cara Membuat dan Memasang Widget Share Media Sosial di Blog dengan Float BLOGDET

Sebenarnya tidaklah susah jika anda ingin memasang widget ini. Tutorial ini berasal dari hasil pencarian yang saya temukan kemudian yang saya rasa lebih bagus cuma di blognya bos-tutorial.blogspot.com, tapu tidak tahu kalau anda mendapatkan yang lain. Lalu saya praktekkan dan berhasil ditampilkan di blog saya. Saya akan mencoba membagikan tutorialnya yah.

Oke, berikut adalah tutorialnya gan,

1. Bukalah Akun Blog anda.
2. Masuk ke  Tata Letak > Add Widget > Add HTML/Javascript
3. Copy script di bawah ini dan letakkan di Add HTML/Javascript tadi.

<!--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://www.seodanbisnisonline.com/2013/10/teknik-gampang-bikin-share-media-sosial-di-blog.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>

4. Simpan Gadget yang ditambahkan. Lalu klik simpan
6. Lihat hasilnya.

Untuk contohnya bisa anda lihat di sebelah kiri blog ini yah.

Tweet