Cara Membuat Tombol Share Melayang pada Blog

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 !