Cara Memasang Tombol Share

Cara Memasang Tombol Share

eperti diketahui kalau tombol share atau berbagi berguna untuk memudahkan para pengunjung blog yang ingin membagikan artikel yang telah dibacanya ke jaringan mereka. Facebook LikeTwitter Tweet dan Google +1 merupakan layanan berbagi yang populer saat ini.





Berikut cara membuat tombol floating share buttons ( melayang-layang diblog )

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen laman Tambah Gadget.

3. Di Dasar-dasar pilih HTML/JavaScript.

5. Copy kode di bawah ini dan paste di kotak Konten.


<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
  • Bila anda ingin menambahkan goggle plus anda cuma sedikit menambahkan kode dibawah ini diatas kode </head>.

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>



Cassanova In The Hoy~04.41
Silahkan copas artkel di blog opic blog dengan menyertakan link sumber. Karena semua materi POSTING di lindungi hak cipta MERTUA

Tidak ada komentar:

pic blog merupakan media penyimpanan hasil karya dan kreasi di dunia jumper hardware ponsel, elektronika, tafsir mimpi dan tutorial blog dengan tujuan untuk pembelajaran sekaligus referensi. semua halaman yang ada di opic blog akan selalu di perbaharui... kolom ini akan di jadikan tempat tukar link...
Copyright © 2012 BerBagiBUNG™ || All About Sharing
Template by:Opic Blog