Tambahkan Terapung Social Media Sharing Tombol Untuk Blogger

The Floating Social Media Sharing adalah sebuah widget yang sangat populer di semua blog atas, menjadi cara yang sangat baik untuk meningkatkan jumlah kali posting Anda mendapatkan share di Twitter, Facebook dan jaringan sosial lainnya. Ini memiliki beberapa fungsi berikut: Facebook Like, StumbleUpon, Twitter Berbagi, Digg ini, Google+ dan RSS Icon Feed dan masing-masing dilengkapi dengan counter hidup. Anda dapat menambahkan tombol berbagi lebih atau ikon bookmark sosial kemudian jika Anda inginkan. 

Bagaimana menambahkan bergulir social bookmarking bar

1. Pergi ke Tata Letak
2. Klik Add A Gadget Link
3. Dari pop-up window, gulir ke bawah dan pilih HTML / Javascript
4. Salin kode di bawah ini dan paste di dalam kotak kosong.
5. Simpan gadget.

Kode untuk copy-paste (updated!):

 <-! Mengambang bar saham Mulai helplogger.blogspot.com--> <style type="text/css"> # pageshare {position: fixed; bottom: 5%; margin-left: -721 px; 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 5px 0;} fb_share_count_top {width:.!.. 48px penting;} fb_share_count_top, fb_share_count_inner {-moz-border-radius: 3px;-webkit-border-radius: 3px; .} FBConnectButton_Small, FBConnectButton_RTL_Small {width: 49px penting;-moz-border-radius:.!.; FBConnectButton_Small FBConnectButton_Text {padding} 3px:: 2px 2px 3px 3px ;/ * bs-fsmsb * /-webkit-border-radius.! penting;-moz-border-radius: 3px;-webkit-border-radius: 3px; font-size: 8px;} </ style> <div id='pageshare' title="Get ini dari Helpblogger.com">
<div style="margin-left:8px;"> <div class='sbutton' id='like' style='margin: 5px 0 0 5px;'> <skrip 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'> <kelas = 'twitter-share-tombol' Data-count = expr 'vertikal' data via = 'Helplogger': Data-counturl = 'Data: blog.url' href = 'http://twitter.com/share' rel = 'nofollow'> Tweet </ a> <skrip 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'> <skrip 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/> <href = 'http: / / feeds.feedburner.com / helplogger 'rel =' nofollow 'target =' _blank 'title =' Untuk berlangganan Rss feed kami '> <img style = "clear: both; font-size: 9px; text-align: center;"> Dapatkan <a style="color: #3399BB;" href="http://helplogger.blogspot.com/"> widget < / a> </ div> <-! Jangan menghapus link ini -> </ div> <-! mengambang share bar End -> </ div>

Kustomisasi:

• Alignment vertikal - Ubah nilai bawah sesuai kode 3. Kode posisi tombol relatif terhadap bagian bawah jendela browser Anda. Untuk memperbaiki jarak bahkan ketika jendela diubah ukurannya, menentukan nilai px (pixel) bukan%.
• Keselarasan horisontal -. Nilai negatif Mengubah nilai merah dari margin-left mendorong tombol di sebelah kiri kolom blog utama, nilai positif mendorong ke kanan. Menambah atau mengurangi nilai berdasarkan kebutuhan Anda.
• Twitter pengaturan - Ganti Helplogger dengan nama pengguna Twitter Anda
• Mengganti dan menghapus tombol - Anda dapat mengganti tombol yang ada dengan Anda sendiri.Setiap tombol diwakili oleh kode ini: <div class='sbutton'> BUTTON KODE DISINI </ div>
• RSS Feed - Mengubah teks warna biru dengan alamat url dari RSS feed Anda.

Nikmati :)