Cara Membuat Ikon Share Twitter dan Facebook pada Blog

Hai sobat blogger. Kali ini saya akan memberikan tips untuk memasang Share Tweet and Facebook Button.
Membuat share Icon untuk berbagi ke facebook ,twiter,google, maupun digg yang rencana kita letakan di samping blog kita seperti contoh di web ini cara nya cukup praktis.

1. Anda login ke blogger.
2. Pergi ke RANCANGAN / Element laman
3. Tambahkan GADGET terserah di posisi sidebar mana aja yang anda pilih.
4. Klik tambahkan HTML/JavaScript
5. Terus Copy seluruh  kode di bawah ini 
6. Simpan

<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>



Dapatkan update artikel GRATIS via email. Masukkan email, Anda akan mendapat kiriman artikel terbaru di Science And Education
Science And Education
3 comments:
  1. Wah terima kasihnya, soalnya saya baru terjun di dunia blog,

    oya saya akan berkunjung kembali ke sini

    ReplyDelete
  2. Iya Andika Property, sama-sama. Saya pun juga masih banyak belajar.

    ReplyDelete
  3. Ini nih yang saya cari-cari... ternyata saya temukan di sini... hemmmm, blog yang manis

    ReplyDelete

Berikanlah komentar yang sopan serta berkaitan dengan artikel. Komentar akan langsung ditampilkan tanpa menunggu moderasi.

 

About Me

My Photo
Auriga Maulana Khasan
Hello, I'am the author of Science And Education. I'am a teacher at one of high school in Solo, while continuing college Master of Degree. Blongging is the custom in my spare time. I wrestle the blog since 2011 on education, learning, some of the subject matter, including tips and tricks blog. See me on facebook
Email:auriga_maulana_khasan@yahoo.com
View my complete profile

Followers

Google+ Followers