Recent Posts

Search Article Here

Kamis, 28 Februari 2013

0 komentar

Cara pasang Widget Social Share Melayang


         berjumpa lagi kita di Blog mondar mandir, kali ini ane mo share gimana caranya memasang social share melayang di blog agan" semuanya,,,

berikut caranya agar di blog agan ada social share:
1. login akun blog agan,,,
2. masuk ke desain blog agan
3. klik Tata Letak > Tambahkan Gadget > HTML/JavaScript
4. masukan kode berikut
<!--Widget Share Button Melayang Start-->
<style>
#pageshare {position:fixed; bottom:60%; right:8px; float:left; border: 1px solid white; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#000000;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="Update status di facebook">
<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='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='fb'><a name="Bagikan Ke Teman Anda" 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="http://putupunyablog.blogspot.com/2012/05/cara-mudah-membuat-social-share.html" target="Pasang Widget"><font color="red">PASANG<font></font></font></a></div></div>
<!--Widget Share Button Melayang End-->
NB : jika agan" mo ganti tinggi Widget tsb tinggal ganti aja bottom di atas,,
yang 60%, semakin kecil semakin pendek

5. klik simpan.

dan, taa-daaaaa,, di blog agan ada Social Share melayang,, cakep kan???
.sekian dari ane semoga posting ini bermanfaat bagi agan" semua,,
sampai berjumpa di posting" selanjutnya yaa,,
bye-bye

0 komentar:

slamat datang di Blog mondar mandir
.
silahkan berkomentar dengan bahasa yang sopan, dilarang SPAM, SARA, atau sejenisnya yang bisa menyinggung orang lain,,,
karena komentar agan sangat berguna untuk perkembangan blog ini,,
terimakasih banyak atas komentar sobat
n thanks udh mampir di blog ane moga agan" betah dengan blog ane,,,

Best viewed on firefox 5+

Entri Populer

Label

Followerd