Cara Membuat Tombol Share di Samping Blog - Media Informasi Kita
Headlines News :
Home » » Cara Membuat Tombol Share di Samping Blog

Cara Membuat Tombol Share di Samping Blog

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.

PERHATIAN :
Yang mau Copy Paste silahkan ganti kata-katanya minimal 30%
Jangan lupa untuk mencantumkan sumbernya. terimakasih
Share this article :

5 komentar:

  1. thanks !!
    lain kali visit back ya !!
    http://catatanelite.blogspot.com/

    BalasHapus
  2. @petercool6 dan kalau boleh gan follow blog saya di http://gamezource.blogspot.com

    BalasHapus
  3. @peter skill, siap meluncur ke TKP gan

    BalasHapus
  4. Nuhun agan ....www.pobiswasila.blogspot.com

    BalasHapus

 
Support : Sundaboy | Chinot | Garut Kulit Center
Proudly powered by Blogger
Copyright © 2013. Media Informasi Kita - All Rights Reserved
Media Informasi Kita
Original Design by Creating Website