Widget Tombol Share Jejaring Sosial Melayang di Blog

Widget Tombol Share Jejaring Sosial Melayang di Blog adalah widget yang bisa dibilang penting dalam blog. Karena widget ini dapat memudahkan Pengunjung untuk membagikan Konten Blog ke Jejaring Sosial. Jika Pengunjung lebih mudah membagikan Konten kamu ke Jejaring Sosial, maka Trafik / Pengunjung yang kamu dapatkan dari jejaring Sosial juga akan bertambah banyak.

Baca Juga : Cara Menambahkan Related Post Dengan Thumbnail di Blog

Widget Tombol Share Jejaring Sosial Melayang di Blog ini Unik

Widget ini sangat unik karena widget ini akan melayang di Blog kamu, Maksudnya, Posisi widget ini akan tetap sama walaupun Halaman Blog di Scroll ke atas maupun ke bawah. Bentuknya yang ramping dan berisi beberapa tombol Jejaring Sosial yang Populer akan lebih mempermudah kebanyakan pengunjung yang juga mayoritas menggunakan Jejaring Sosial yang Populer tersebut.

Bagaimana cara memasang Widget Tombol Share Jejaring Sosial Melayang di Blog?

Caranya sangat mudah, cukup Copy kodenya dan Paste di Widget HTML/Javascript di Blogger. Berikut akan saya jelaskan Langkah - langkahnya :

1. Copy Kode di Bawah ini :
   
   <style type="text/css"> #pageshare {position:fixed; bottom:5%; margin-left:-600px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*bs-fsmsb*/-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="">
   <div style="margin-left:8px;"><div class='sbutton' id='like' style='margin: 5px 0 0 5px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script><fb:like layout='box_count' show_faces='false'></fb:like> </div></div>
   <br /><div class='sbutton'><a class='twitter-share-button' data-count='vertical' data-via='galihlprakoso' expr:data-counturl='data:blog.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js'; type='text/javascript'></script>
   <br /><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='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="tall"></g:plusone></div><br/><a href='http://feeds.feedburner.com/caraseobloggers' rel='nofollow' target='_blank' title='Subscribe To Our Rss Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAllKKJJFGRNSWlSUwb392W-LuLRh6Pkk4_pSZvszofLs-3vT4WeoylKr_dhncg2iQL1DQXg1_jfQN_SIEa26_yOFcP1G0uhW3VMsL4nbKqO2nVuOtJFwPMdhRtjqTnHnINB6WHELy992e/s1600/icon_rss_reader.png'/></a><div style="clear: both;font-size: 8px;text-align:center;"><a target='_blank' href='http://www.caraseoblogger.com/2013/11/widget-tombol-share-jejaring-sosial-blog.html' title='Dapatkan Widget Ini | Cara SEO Blogger' alt='Cara SEO Blogger | Tutorial SEO Blogger'>Dapatkan Wid</a><a href='http://www.caraseoblogger.com/' title='Dapatkan Widget Ini | Cara SEO Blogger' alt='Cara SEO Blogger | Tutorial SEO Blogger'>get</a></div></div> </div>
2.  Login ke www.blogger.com.
3. Langsung saja menuju ke Menu Tata Letak :
   
   
4. Lalu Klik Link / Tombol Tambahkan Widget :
   
   
5. Pilih Widget HTML/JavaScript :
   
   
6. Pastekan Kode yang sudah di Copy tadi ke Widget HTML/JavaScript. Untuk Judul Bisa kamu Kosongi saja agar tidak muncul Widget Kosong di Blog nantinya :
   
   
7. Ganti Beberapa Kode Berikut :
   bottom:5%;  = ganti 5% untuk mengatur jarak bawanya.
   margin-left:-600px = ganti -600px untuk mengatur jarak kirinya.
   background-color:#fff = ganti kode hex #fff untuk mengganti warna backgroundnya. untuk kode hex warna bisa dilihat di SINI. (Warna bawaan widget ini adalah Putih, dan sebenarnya saya sarankan biarkan berwarna putih saja).
   http://feeds.feedburner.com/caraseobloggers = Ganti dengan alamat Feed kamu.
   galihlprakoso = ganti dengan username twitter kamu.
8. Selesai. Sekarang Widgetnya sudah Muncul dan melayang di Blog kamu :) . 

Sekian yang dapat saya bagikan Mengenai Widget Tombol Share Jejaring Sosial Melayang di Blog. Jika Temen - temen Blogger masih bingung, ada yang ingin ditanyakan, atau ingin mengucapkan terima kasih, silahkan Berkomentar. Jangan Lupa Share ke Jejaring Sosial ya, dengan Like, G+, Share di Twitter dsb. Support Blog ini agar tetap hidup untuk membantu Temen - temen Blogger. Terima Kasih.