Tombol share gunanya untuk mempromosikan blog atau artikel kita yang ada di blog, dengan menekan tombol share oleh pengunjung, otomatis blog kita atau artikel kita yang ada di blog akan langsung dibagikan oleh pengunjung di facebook, tweeter, google friend dll, sekarang kita akan mencoba membuat tombol share disamping blog kita.
Nah sekarang bagaimana cara membuatnya?
Langkah langkahnya :
1. Masuk ke Blogger
2. Pilih Tata Letak
3. Tambahkan gadget baru
4. Pilih HTML/JavaScript
5. Copy dan pastekan kode dibawah ini :
<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>
6. Simpan dan lihatlah hasilnya.
Jangan lupa untuk mencantumkan sumbernya. terimakasih
thanks !!
BalasHapuslain kali visit back ya !!
http://catatanelite.blogspot.com/
@Rizal. Sudah saya Visit back
BalasHapus@petercool6 dan kalau boleh gan follow blog saya di http://gamezource.blogspot.com
BalasHapus@peter skill, siap meluncur ke TKP gan
BalasHapusNuhun agan ....www.pobiswasila.blogspot.com
BalasHapus