Cara Memasang Tombol Share di Samping Blog

Kali ini saya akan share cara memasang tombol share di samping blog. Adapun fungsinya untuk memudahkan pengunjung untuk tombol tersebut jika sedang berkunjung ke blog anda. Tanpa lama lagi, mari kita ikuti langkah-langkah berikut :


1.   Login akun blogger 
2.   Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript 
3.   Copy-Paste kode di bawah ini pada HTML/JavaScript,


<style type="text/css">

*{margin:0;padding:0;}
* html #z33sHare{
position: absolute;
}
#z33sHare{
right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
top: 20%;
}
#z33sHare div{
padding:6px 6px 6px 5px;
}
#stw{
margin-left:-2px;
}
#sfs{
margin-left:-5px;
}
</style>
<div id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 =
document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
</div>
<div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;"></div></div>


Keterangan :

right : Tampilan tersebut di atas berada disamping kanan blog, jika menginginkan di letaknya di kiri ganti dengan left 

4.   Kemudian klik Simpan



March 03, 2013

0 komentar:

Post a Comment


loading...