Cara membuat share social media

Sangatlah penting membagikan (share) artikel kita ke situs social media seperti facebook, twitter, google+, dll. tujuan hal ini dilakukan adalah untuk menarik lebih banyak pngunjung lagi membaca artikel kita. Sehingga dibutuhkan tombol share untuk mempermudah kita dan pembaca membagikan artikel kita. dipostingan ini saya akan share tips Cara Membuat share social media melayang di blog. Nah, apakah sobat ingin memasang widget yang sama seperti di gambar sebelah kiri.

Apabila sobat tertarik untuk membuat widget tersebut caranya sangatlah mudah sekali mari ikuti petunjuk di bawah ini.

Langkah membuat share social media di blogspot

login ke dashboard sobat
Pilih layout klik add gadget cari HTML/javascript
dan copy paste kode dibawah ini ke dalam HTMML tsb.

<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>
<br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://mandalawiraadyatama.blogspot.com/2012/08/cara-membuat-share-social-media.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>