Cara Membuat Tombol Share Melayang Di Blog Terbaru
Salam hangat sahabat TRIK , kali ini saya akan berbagi Cara Membuat Tombol Share Melayang Di Blog ??
INGAT
Tombol share Sosial media sangatlah penting ,Disamping untuk
meningkatkan pengunjung tombol share akan membantu kepada pembaca untuk
membagi artikel kita ke media lain, seperti di facebook,Twitter,google+ dll .
Oke langsung saja Sahabat TRIK dicoba ^_^
Langkah Langkahnya :
- Masuk Ke Blogger Sobat
- Pilih Tata Letak
- Tambah gadget Lalu Pilih HTML/JavaScript
- Lalu Copy/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://trikfacebook28.blogspot.com/2013/02/cara-membuat-tombol-share-melayang-di.html"
target="blank"><font color="black">[Get
This]<font></font></font></a></div></div>
5. Terus Simpan deh
Sekian Artikel Cara Membuat Tombol Share Melayang Di Blog Terbaru Dari saya ^_^
Tidak ada komentar:
Posting Komentar