Cara Membuat Tombol Share Melayang pada Blog
- Melayang ? Benar sop, blog Shaka Inghets adalah blog melayang, tanpa
tema dan tujuan, seingatnya saja bila berbagi. Pada postingan terdahulu
pisan kita telah mencoba Memasang Tombol Share yang letaknya di bawah postingan atau di atas postingan blog, nach..,pada kesempatan kali ini kita mau mencoba Membuat Tombol Share Melayang.
Tentunya
banyak kekurangan juga kelemahan yang ada di Blog Shaka Inghets ini, ini
menyangkut PageRank yang tak ada perubahan pada PageRank Update Agustus 2012
ini. Ya..,mungkn salah satunya Shaka Inghets kurang disukai oleh
pengunjung, terbukti kurangnya Share (sosialisasi blog) melalui jejaring
social baik itu yang dilakukan admin atau pengunjung.
Entahlah..,apa
dugaan itu benar atau hanya insting seorang blogger atas Optimalisasi
SEO saja. Bila benar maka tak ada salahnya bila kita mencoba untuk
membuat Tombol Share Melayang baik itu Share ke Facebook,
Twitter, Google Plus. Dengan adanya Tombol Share pada blog kita, maka
terbuka kesempatan untuk para pengunjung blog berbagi ke sesame temannya
.
Cara Membuat Tombol Share Melayang pada blog kita adalah bisa kita terapkan dengan mengikuti aturan dibawah ini;
1. Sobat Login ke Akun Blogger sobat
2. Masuk ke Menu Design atau Rancangan
3. Lalu tambahkan gadget dan pilih HTML/Javascript.
4. 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://evawangi.blogspot.com/2012/08/cara-membuat-tombol-share-melayang-pada.html"
target="blank"><font color="black">[Get
This]</font></a></div></div>
5. Langkah terakhir klik Save widget.
Langkah mudah telah kita lalui dengan sempurna, demikian Cara Membuat Tombol Share Melayang pada Blog telah kita buat, semoga bisa bermanfaaat untuk kita semua.
Selamat berpuasa tentunya..,
Happy Blogging !
0 komentar:
Posting Komentar