Cara Mudah Membuat Tombol Share Melayang di Blog

Button Share adalah salak satu hal yang sangat penting dalam mendatangkan pengunjung, karena Button Share ini terdiri dari beberapa Jejaring sosial yang ada di dunia dan Button Share ini adalah untuk berbagi antara temen yang satu dengan teman yang lainnya di jejaring sosial, Oke langsung saja Blog Kampung Teknologi akan share Cara Mudah membuat Tombol Share Melayang di Blog

<!-- Tombol Share Melayang Start-->
<style>
#pageshare {position:fixed; bottom:20%; margin-left:750px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*bs-fsmsb*/-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="Informatika Komputer LP3I Cirebon">





<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>

<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>

<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>
</a></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='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='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>

<div class='sbutton' id='like'>
<script type="text/javascript">(function() { var zlt=unescape('%3C'); var zgt=unescape('%3E'); var zq=unescape('%22'); var zloc=encodeURI(document.location.href); document.write(zlt+'iframe src='+zq+'http://www.facebook.com/plugins/like.php?href='+zloc+'&amp;send=false&amp;layout=box_count&amp;width=45&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=60'+zq+' scrolling='+zq+'no'+zq+' frameborder='+zq+'0'+zq+' style='+zq+'border:none; overflow:hidden; width:45px; height:60px;'+zq+' allowTransparency='+zq+'true'+zq+''+zgt+''+zlt+'/iframe'+zgt); }) ();</script>
</div>

<div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://ik-cirebon.blogspot.com/">widget</a></div>
</div>
<!-- Tombol Share Melayang End -->
    

Selesai Juga Dech Tutorialnya....
Terimakasih Atas Kunjungannya....
Semoga Ilmu Yang Sedikit Ini Bermanfaat....
Jangan Lupa Like Post Ini Ya.... Terimakasih....

Print this page

Posted in: Blogger