Cara Mudah Membuat Tombol Share Melayang di Blog

Cara Mudah Membuat Tombol Share Melayang di Blog ,cara bikin tombol share melayang itu mudah , tombol share

sangat berfungsi untuk membagikan link artikel ke situs lainya, dari fungsi tersebut tergagas keinginan kita untuk Membuat Tombol Share Melayang di Blog supaya tombol share lebih terlihat atau cari muka :D. Banyak situs situs atau web blog yang memasang button seperti ini, Apakah anda tertarik?...

Tombol Share juga sudah banyak fitus share ke situs situs sosial terkenal, seperti fb, tweeter, blogger, gmail dan lainya.. lalu bagaimana cara membuatnya, simak berikut ini:

cara bikin tombol share melayang itu mudah

Mask/login ke blogger
klik Rancangan / Tataletak
Tambah Gaget, kemudian klik HTML/JavaScript
copy dan pastekan kode berikut ini:

<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://juraganilmu.blogspot.com/2013/09/cara-mudah-bikin-tombol-share-melayang.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

Lalu klik Simpan.

Demikia pembahasan tentang Cara Mudah Membuat Tombol Share Melayang di Blog, semoga bermanfaat

Home

SEO Tips

Tutorial

Menarik

Info Pendakian

Travel

Cara Mudah Membuat Tombol Share Melayang di Blog