CARA PASANG TOMBOL SHARE FB + & TWITTER MELAYANG

CARA PASANG TOMBOL SHARE FB + & TWITTER MELAYANG

Cara Pasang Tombol Share FB + & Twitter Melayang – Sahabat salah satu sumber visitor ke blog atau web kita adalah lewat share/berbagi artikel visitor sebelumnya, yang lebih dulu mengunjungi blog kita. ada banyak tombol share yang bisa dipasang di blog atau web kita, tapi demi menjaga loading blog kita agar tetap ringan, maka yang saya sarankan, cukup pilih saja tombol share sosmed yang paling populer (ukuran Dunia dan juga tentu ukuran indonesia). Apa sajakah sosmed yang populer didunia dan juga familiar di indonesia???, apalagi kalau bukan Facebook atau FB, twitter dan si kuda hitam Google+1, khusus untuk tombol google+1 ini, sangat dianjurkan oleh google untuk dipasang di blog kita, karena tombol sakti google ini menjad salah satu “alat” yang akan mengukur konten kita, apakah layak di posisi depan hasil pencarian google.
lalu gimana cara masang tombol-tombol berbagi ini di blog kita??, gampang gan tinggal dicopas saja ke blog agan-agan semua :D . dan keistimewaan dari tombol share fb, G+ dan twitter ini, karena merupakan tombol floating alias melayang alias mengikuti scrooling. Dan Scrift tombol share fb, G+ dan twitter ini sudah ku stel sedemikain rupa sehingga selalu berada pada posisi kiri bagian atas, jadi meskipun floating, tetap tidak mengganggu pengunjung dalam membaca setiap artikel-artikel kita, karena tombol floating ini tidak menutup artikel tentunya.
Lihat penampakannya dibawah ini gan:

Dan langsung saja saya share gan kode html-nya:

Share

Cara masangnya,

1. Login ke Blogger

2. Design => Page Element

3. Add Gadget => HTML/Javascript

4. Copy lalu pastekan kode script share dibawah ini di form content-nya dan Save

<style>
#pageshare {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;}
#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=”angga bloggers”>
<div 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 id=”rt”>
<script src=”http://tweetmeme.com/i/scripts/button.js” type=”text/javascript”>
</script></div>
<div id=”gb”>
<a 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 id=”gplusone”>
<script src=”http://apis.google.com/js/plusone.js” type=”text/javascript”>
</script>
<g:plusone size=”tall”></g:plusone></div>
</div>

Nilai pada bagian teks: bottom:25% ;   margin-left:-83px bisa diganti sesuai keperluan dan bentuk tampilan Blog (bisa ditambah atau dikurangi nilainya) sesuaikhendak sobat..

5. Selesai, mudah bukan

Sumber: http://anggafirmansyah1.blogspot.com/2012/03/cara-pasang-tombol-share-fb-twitter.html#ixzz1tFakeU3G
Okk demikianlah artikel mengenai Cara Memasang Tombol Share FB Google+ Dan Twitter Melayang semoga artikel ini tentunya memberikan informasi yang bermanfaat bagi agan-agan sekalian