Membuat Floating Share Buttons

Untuk sahabat Blogger sekalian yang ingin Membuat Floating Share Buttons Facebook dan Tweeter maka Anda tepat sekali telah mengunjungi halaman ini karena sekarang kita akan membahasnya, nah mengapa saya membahas pembuatan ini, ?, karena ini bisa lebih mempopulerkan halaman blog kita dengan adanya minat para pengunjung untuk saling berbagi/membagikan isi informasi dari halaman yang di bacanya dan di bagiakan melalui shared button yang telah di sajikan, baiklah langsung saja kita menuju langkah-langkahnya ya, yaitu sebagai berikut ;
1. Login ke Blogger.com
2. Klik Rancangan

3. Di Elemen Laman klik Tambah Gadget

4. Lalu tambahkan HTML/JavaScript dengan cara klik tanda +

5. Masukan script di bawah ini kedalamnnya Lihat Langkah-Langkah Tambah Gadget HTML/Javascript Dengan Gambar  

<style>

#pageshare {position:fixed; bottom:100px; margin-left:-670px; float:left; background-color:#ffffff;padding:0 0 2px 0;z-index:10;border-top-left-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;}

#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">

<div class="sbutton" id="fb">

<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">

</script></div>

<div class="sbutton" id="rt">

<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'></script></div>

<div class="sbutton" id="gplusone">

<g:plusone size="tall"></g:plusone></div></div>

6. Simpan dan Lihat Hasilnya


Selamat mencoba semoga bermanfaat dan berhasil tentunya.
Terima kasih atas kunjungannya dan lain kali berkunjung lagi ya ke blog ini.

Keywords: Membuat Floating Share Buttons, Cara Membuat Floating Share Buttons, Membuat Floating, Membuat Floating di blog, Membuat Floating di blogger, Cara Membuat Floating, Cara Membuat Floating di blogger, Floating, Cara Membuat Floating di blog, Share Buttons, Membuat Floating Share Buttons, Membuat Floating Share Buttons di blog, Membuat Floating Share Buttons di blogger, Cara Membuat Floating Share Buttons di blog, Cara Membuat Floating Share Buttons di blogger, blog, blogger tutorial, tutorial blogger, panduan blogger, belajar blogger, tutorial blog, panduan blog, belajar blog, tips dan trik Blogger, tips blog, tips blogger, trik blog, trik blogger, trick blog, trick blogger, cara membuat, membuat, cara membuat, masih ingin belajar.