Cara Memasang Share Button Melayang pada Blog, Mudah!

Apa itu share button?

Share button adalah tombol yang memudahkan pengunjung blog untuk membantu men-share/ menyebarluaskan posting atau halaman blog kita melalui akun jejaring sosial pengunjung. Seperti kita tahu, salah satu pertimbangan search engine seperti Google dalam memunculkan hasil pencarian (SERP) sebuah website/ blog di halaman awal mereka adalah kepopuleran website/ blog tersebut. Apabila search engine banyak menemukan URL blog kita di situs jejaring sosial karena di share pengunjung, niscaya kepopuleran blog kita akan melambung di mata search engine. Itu dia manfaat dari share button untuk SEO blog.

Share Button Melayang pada Blog

Cara Memasang Share Button Melayang pada Blog

Share button yang akan kita pasang kali ini ada dua versi. Yang pertama share button yang melayang di bagian kiri blog kita dan tidak akan berubah posisinya walaupun kita jika scroll mouse.

Berikut cara membuat share button melayang di bagian kiri blog:

1. Login ke akun blogger, pilih menu Tata Letak
2. Pilih Add Gadget dan pilih HTML/ Java Script.
3. Paste-kan kode di bawah ini dan Save. Saran saya, tidak usah diberi judul.

<!--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://www.tipsblogspot.com/2013/06/cara-memasang-share-button-melayang-di-blog-dengan-mudah.html" target="blank"><font color="black">[Get This]<font></font></font></a></div> </div>

Jika ingin memasang share button melayang pada blog versi sederhana, lakukan langkah yang sama seperti di atas dengan kode share button melayang berikut:

<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="right:0px;top:200px;"> <a class="addthis_button_facebook_like" fb:like:layout="box_count"></a> <a class="addthis_button_tweet" tw:count="vertical"></a> <a class="addthis_button_google_plusone" g:plusone:size="tall"></a> <a class="addthis_counter"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50dbacda3907ad58"></script> <!-- AddThis Button END -->

Bagaimana, mudah bukan memasang share button melayang? Dengan memasangnya di blog kita berharap setiap pengunjung yang datang mau ikut membantu menyebarluaskan posting dan halaman blog kita sehingga kepopuleran blog kita di mata search engine melambung. Selain itu memasang share button melayang pada blog juga menambah cantik blog kita.Two in One, mempercantik blog sekaligus optimasi SEO blog.