Skip to main content
belajar blogwidget

Cara membuat tombol share Keren

By July 22, 2012No Comments
Bingung mau posting apaan,,
Bagi bloger bloger yang masih awam, ataupun yang sudah ahli.
Kali ini saya akan memberi tahu kalian bagaimana cara membuat tombol share keren yang ada disamping halaman Blog…
Kalau kalian ingin mengetahui caranya perhatikan dan simak dengan baik..
hehe

– Pertama kalian masuk ke Blogg kalian masing-masing.

– Kedua masuk ke menu Rancangan atau Tata Letak

– Lalu kalian pilih Tambah Gadget

– Klik pilihan HTML/JAVA Script

– Setelah itu akan muncul tampilan Html/javascript tadi, kalian tidak usah memberikan
   judul, tetapi langsung saja copy-paste yang di bawah 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://mastercomdevils.blogspot.com/2012/07/cara-membuat-tombol-share-keren.html” target=”blank”><font color=”black”>Get This<font></font></font></a></div></div>

– Lalu klik Save

Selesai Postingan saya kali ini,, semoga bermanfaat bagi semua, baik yang awam ataupun yang sudah ahli.
Trima kasih dan salam Blogger…

Jika postingan ini bagus Tolong ya di Share…hhe

Leave a Reply