26 CARA MEMBUAT TOMBOL SHARE FLOATING

Do you want to share?

Do you like this story?

Sudah lama nggak share, saya share tentang cara membuat tombol share melayang. Jadi disini anda bisa menggunakan tombol share ini sebagai pemberitahuan berapakah yang sudah membagikan blog anda?! Cukup bagus bukan nggapain tidak coba, sayang kalau hanya dilihat saja!

1. Masuk ke Account Blog anda
2. Pilih tata letak
3. Add gadget
4. Pilih HTML/Javascript
5. Copy code dibawah ini lalu paste di gadget kamu

Script :

<style>
#floatshare {position:fixed; bottom:25%; margin-left:-83px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#floatshare .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="floatshare" title="Official Blog Of ALDI-XP">
<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="gb">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script>
</a></div>

<div class="sbutton" id="gplusone">
<script src="http://apis.google.com/js/plusone.js" type="text/javascript">
</script>
<g:plusone size="tall"></g:plusone></div>
</div>

Screenshot :

(Klik pada gambar agar lebih jelas)

INFO : Jika artikel CARA MEMBUAT TOMBOL SHARE FLOATING ini bermanfaat, silahkan sobat share (copy/paste) artikel ini. Bila berkenan mohon mencantumkan link sumbernya, https://aldi-xpblog.blogspot.com/2011/10/cara-membuat-tombol-share-floating.html. Terima Kasih,,

Related Post :

BLOG

• CARA MEMBUAT KATA TERIMA KASIH PADA KOMENTAR
• CARA MERUBAH UKURAN JUDUL POST
• CARA MENGHAPUS LINK/TULISAN 'LIHAT PROFIL LENGKAPKU'
• CARA MEMBUAT KOTAK COPAS
• CARA MEMBUAT DAFTAR ISI/SITE MAP DI POSTING BLOGGER
• CARA MEMBUAT SHADOWBOX DI BLOGGER
• TIPSY : CARA MEMBUAT TOOLTIPS SEPERTI FACEBOOK
• CARA MEMBUAT KOTAK KOMENTAR
• CARA PASANG/MEMBUAT TOMBOL REPLY KOMENTAR
• CARA PASANG SCREENSAVER DI BLOG
• CARA MEMBUAT RECENT POST DENGAN THUMBNAIL
• CARA PASANG EMOTICON SOLDIER DI KOTAK KOMENTAR
• CARA MENAIKKAN PAGERANK DAN BACKLINK DI BLOG

TIPS AND TRICK

• Xilisoft Video Converter Ultimate 7.7.2 Full Version
• CARA MEMBUAT KATA TERIMA KASIH PADA KOMENTAR
• CARA MENGATASI THE PROXY SERVER IS REFUSING CONNECTIONS
• CARA MERUBAH UKURAN JUDUL POST
• CARA MENGHAPUS LINK/TULISAN 'LIHAT PROFIL LENGKAPKU'
• CARA MELEWATI TIMER DI 4SHARED.COM
• CARA MEMBUAT KOTAK COPAS
• CARA MEMBUAT DAFTAR ISI/SITE MAP DI POSTING BLOGGER
• CARA MEMBUAT SHADOWBOX DI BLOGGER
• TIPSY : CARA MEMBUAT TOOLTIPS SEPERTI FACEBOOK
• CARA MEMBUAT KOTAK KOMENTAR
• CARA PASANG/MEMBUAT TOMBOL REPLY KOMENTAR
• CARA MERESET PRINTER
• CARA PASANG SCREENSAVER DI BLOG
• CARA MEMBUAT RECENT POST DENGAN THUMBNAIL
• CARA PASANG EMOTICON SOLDIER DI KOTAK KOMENTAR
• CARA MEMBUAT WIFI SENDIRI DI LAPTOP/NETBOOK
• TIPS DOWNLOAD VIDEO DI YOUTUBE
• CARA MENAIKKAN PAGERANK DAN BACKLINK DI BLOG
• SMS GRATIS V.4

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Official Blog Of ALDI-XP di inbox anda: