halo masbro,brosis apa kabar ?
karena saya lagi konsentrasi untuk ngeblog tentang tutorial blog,maka dari itu saya akan share lagi tutorial blog yaitu Cara membuat Tombol Share Pada Blog [ Bagian Kiri ], nah apa bedannya ya sama yang
Cara Membuat Tombol Melayang Di Blog [Bagian Bawah].
Tentu aja beda , yang kemaren kan bagian bawah kao yang sekarang bagian
Kiri Blog Pengen Tau Contohmya
Disini
ITu dari Forum kaskus bro,yang di sebelah kiri atas itu loh bro ,yang gambarnnya Facebook,
Twiter,
Yahoo.
tapi yang akan kita buat ini akan lebih panjang lagi / di perpanjang .heheheee.....
Oke langsung saja kita mulai menuju Proses
Pembuatan Kue Eh kue , Tombol Share Maksudnya Bro :
Masuk ke blogger kamu.
Klik Rancangan >Tambah gadget/Add Gadget > pilih HTML/Javascript.
Lalu copy dan paste 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://dewaandfamily.blogspot.com/2012/02/membuat-tombol-share-melayang-pada-blog.html"
target="blank"><font color="black">[Buat wdget]<font></font></font></a></div></div>
Langkah terakhir klik simpan.
Happy Blogging
(^_^)