Tuesday, February 21, 2012

Cara Memasang Tombol Share Melayang di Blog

Cara ini saya buat karena ada sahabat blogger yang menanyakan cara memasang tombol share melayang di blog. Tombol share ini tentunya sangat berguna untuk kemajuan blog kita. Contoh nya jika ada orang yang mengeklik tombol share facebook tentunya blog kita akan otomatis dipromosikan ke facebook orang yang mengekliknya, tak beda juga dengan twitter.

Cekidot aja..

Pertama-tama tentunya masuk blog sobat dulu
1. Rancangan --> Tambah Gadget --> HTML/Javascript
2. Copy & paste kode di bawah :
<!--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://catatanmingguanku.blogspot.com/2012/02/cara-memasang-tombol-share-melayang-di.html " target="blank"><font color="black">[Get This]<font></font></font></a></div></div>
3. Simpan

Good Luck ^_^
Jika ada pertanyaan silahkan tinggalkan komentar di bawah ya kawan..


Reactions:

15 comments:

sip nih bang...tutorial yg mantab banget...saya copy ahhhh bang :)

Sip Kang Farhan.. semoga berhasil ya :)

ini tutor yang ku minta :) makasi ya sob :)

oke, sama-sama semoga berhasil ya ;)

wah kayanya cocok ni di blog ane,, coba dulu ah. . .

dicoba dulu sobat.. semoga berhasil..

Thanks ya mas brooo,alhamdulilah dah terpasang di BLOG ane !!

@Warnet Queen Net: sip ^_^ sama-sama kawan

tutorialnya bagus neng....boleh kenalan?hehe

wah mantap gan, sayang bnget kalo gak dipasang...........

http://www.posmuvie.info/

kak, kok saya pasang tapi nggak bisa ikut ke bawah ya?
jadi nutupim teks

Post a Comment

Dikomen ya pren, asal cuap-cuapnya yang polite, ku reply kok ^_^
Tapi tolong jangan menyertakan link aktif & SPAM ya :) Trimakasih

 
Cute Pencil