Cara Buat Widget Share DI Blog Dengan Mudah

     Widget share adalah perangkat dalam blog yang digunukan pengunjung atau pembaca untuk membagikan konten di blog tersebut dengan berupa tautan.Memang banyak tutorial cara buat widget share itu, tapi memeng agak sulit sebenarnya jika harus mengubah html.Maka dalam kesempatan ini penulis akan membagikan tutorial cara buat widget sahre dengan javascript tanpa mengedit html pada template, ayo ini caranya dan hasinya akan seperti disamping

• Langkah pertama log in akun blogger

• Next, masuk tata letak

• Pilih tambahkan widget

• Lalu pilih HTML/javascript 

• Lalu masukan kode berikut 

<!--Widget Share Button Melayang Start-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:right; 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="bagikan ke teman anda">
<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: 9px;text-align:center;">
<a href="https://ngetikeren.blogspot.co.id/2016/06/widget-share-adalah-perangkat-dalam.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue">[Get Widget]<font></font></font></a></div>
</div>
<!--Widget Share Button Melayang End-->

Author : Shazzam

Share this

Related Posts