Cara Memasang Widget Share Media Sosial Di Blog Dengan Float

Home » Cara Memasang Widget Share Media Sosial Di Blog Dengan Float

CARA MEMASANG WIDGET Share media sosial di blog dengan float

POSTED BY M.HAFIDZ IRAWAN POSTED ON 15:24 PM

 Cara Memasang Widget Share Media Sosial di Blog dengan Float. Sekarang saya akan membagikan Tutorial bagaimana Cara Memasang Widget Share Media Sosial di Blog dengan Float.

Cara Memasang Widget Share Media Sosial di Blog dengan Float
Tutorial Cara Memasang Widget Share Media Sosial di Blog dengan Float tidak lah susah. Tutorial ini berasal dari hasil pencarian yang saya temukan, dan saya praktekkan dan berhasil ditampilkan di blog ini. Saya akan mencoba membagikan tutorialnya kepada kalian semua yang menginginkan widget ini.

Beginilah Cara Memasang Widget Share Media Sosial di Blog dengan Float.

1. Login Blogger
2. Klik Tata Letak.
3. Pilih elemen Add Widget atau Tambah Gadget Baru, lalu pilih Add HTML/Javascript.
4. Copy script 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://apissirawan.blogspot.com/2014/11/cara-memasang-widget-share-media-sosial.html" target="blank"><font color="black">Get This<font></font></font></a></div> </div>

5. Simpan Gadget yang ditambahkan. Lalu simpan Template blog anda.
6. Selesai dan lihat hasilnya. 

Sekian dari saya mengenai Cara Memasang Widget Share Media Sosial Di Blog Dengan Float. Semoga bermanfaat untuk kalian semua. Terimakasih ^^