Membuat Tombol Share pada Samping Blog

Udah lama gk ngepost artikel jd kaku ngetiknya.. :)
Media Social seperti Facebook, twitter, Google+ dan lain2 adalah salah satu cara yang sangat ampuh untuk mempromosikan blog , salah satu cara memanfaatkannya adalah dengan Sharing button
Kali ini sy mau share cara membuat Tombol/Button Share pada samping blog.
seperti yg disebelah kiri blog sy ini..

caranya gampang kok dan tidak membuat blog kamu berat.
1. Log in ke Blog kamu.
2. Masuk ke Design/Rancangan --> Add Gadget/Tambah Gadget --> HTML/Java script
3. Copy Listing di bawah :

<style type="text/css">
*{margin:0;padding:0;}
* html #z33sHare{
position: absolute;
}
#z33sHare{
left: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 style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</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&gt
 4. Klo sudah, Simpan/Save
Untuk tulisan yang berwarna Merah, kamu bisa ganti dengan Right untuk posisi kanan, Left Untuk posisi kiri..
Segitu dulu ya.. Selamat Mencoba...

Artikel Terkait:

0 comments:

Posting Komentar

Jangan Lupa Comment ya... And Please No SPAM.. :)

Mau Update Status dengan Tulisan [̲̅̅k̲̅][̲̅̅o̲̅][̲̅̅t̲̅][̲̅̅a̲̅][̲̅̅k̲̅]Seperti Ini
 
Masukan tulisan Anda pada Form dibawah ini:

Silahkan Copy paste hasilnya dibawah ini 
untuk dijadikan  status atau komentar di facebook