Rabu, 02 April 2014

Cara Memasang Widget Share Media Sosial di Blog dengan Float

Hai kawan! Apa kabarnya? Ane baik baik saja. Semoga kalian juga sama. Kali ini ane datang membawa lagi ilmu yakni Cara Memasang Widget Share Media Sosial di Blog dengan Float


Tutorial cara memasang widget ini tidak susah kok. Ane kasih tau triknya

Seperti biasanya :
1. Masuk ke akun blogger anda
2. Pilih Tata Letak
3. Pilih Widget baru
4. Pilih HTML/Javascript
5. Copas semua kode 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://ivanfr999.blogspot.com/2014/04/cara-memasang-widget-share-media-sosial.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>





6. Simpan widget yang di tambahkan.
7. Buka blog anda dan selesai.

Ditunggu komentarnya!!!!
Sampai jumpa dipostingan berikutnya

Tidak ada komentar:

Posting Komentar

Terima Kasih Anda telah mengunjungi blog ini. Harap cantumkan link sumber dari blog ini jika anda mencopy sebagian maupun seluruh artikel di blog ini.

Silahkan berkomentar di blog ini dengan menjunjung tinggi rasa kesopanan, kesantunan, etika, dilarang memakai link aktif, dilarang berkata jorok, dll.

Segala bentuk komentar yang melanggar aturan, akan saya hapus.

Terima Kasih