Widget Share Jejaring Sosial Melayang Blog

Halo sobat blogger .. kali ini gua mau bagiin widget penting dan menarik nih yaitu widget jejaring sosial yang melayang di blog ..
nii contoh SSnya sobat ..

Kenapa penting ? karena akan mempermudah pengunjung berbagi konten blog ke jejaring sosial. Jika pengunjung mudah dalam berbagi konten maka trafik yang sobat dapat dari jejaring sosial juga akan bertambah banyak.

Bagaimana cara memasang widget ini ?

Caranya mudah sobat, nii gua jelasin langkah-langkahnya :

1. Copy kode dibawah 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='dhamarworsnop' 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/dhamartekaje' rel='nofollow' target='_blank' title='Subscribe To Our Rss Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh33-wPt5HTeUwsZs71p-Ic-VvnESpyQdZsJG0Cjvgo1LIk5P0grwctlHyrqNOT4Oxxb85T4bucrXCl2dIA7yydI5Mpm1w6VTs17Blh1qRBcuaFJqB92O2lMt5kTqD2e896rHpQLzKNz8Wz/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 | Dhamar TeKaJe' alt='Blogging | Tutorial Blogging'>Dapatkan Wid</a><a href='http://www.caraseoblogger.com/' title='Dapatkan Widget Ini | Dhamar TeKaJe' alt='Blogging | Tutorial Blogging'>get</a></div></div> </div>

2. Masuk ke menu tata letak, lalu klik tambahkan widget (dimana saja)
3. Pilih Widget HTML/Javascript
4. Judul kosongkan saja, paste di kotak yang dibawahnya (kotak konten)
5. Klik simpan

     Note :

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. (Warna bawaan widget ini adalah Putih, dan gua sarankan biarkan berwarna putih saja). 
http://feeds.feedburner.com/dhamartekaje = ganti dengan alamat Feed sobat. 
dhamarworsnop = ganti dengan username twitter sobat.

Selesai !!

Cukup mudah kan sobat ?
Jika butuh bantuan silahkan berkomentar dibawah ya sobat jangan sungkan :)

Sumber