Tutorial blogspot, belajar blog, membuat html dasar, perbaiki template,Tutorial Blog, HTML, Cara membuat, attribution blog, warna html,css kode

Kamis, 29 September 2011

Cara membuat tombol berbagi di samping blog

Seperti biasa gan, cara nya gampang and mudah, langsung aja agan-agan ikuti cara nya di bawah ini :

  1. Login ke blog Agan
  2. Klik rancangan
  3. Tambah Gadget/add 
  4. Pilih Html/javascript
  5. Setelah itu copy script dibawah ini lalu pastekan ke kotak Html/javascript :
<style type="text/css">
*{margin:0;padding:0;}
* html #z33sHare{
position: absolute;
}
#z33sHare{
right:1%;width: 70px;background:transparant;border:0px solid #000000;-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>

7. Perhatikan Tulisan right , itu bisa di ganti dengan left (kiri)
8. Dan untuk yang warna biru top : 20 % merupakan jarak ukur tinggi dari tombol share.

Selamat mencoba semoga berhasil.

Share on Facebook
Share on Twitter
Share on Google+

Related : Cara membuat tombol berbagi di samping blog

6 komentar:

  1. wah buleh dicoab ii kak..:)

    BalasHapus
  2. @akhsa : silahkan gan dengan senang hati :)

    BalasHapus
  3. Mantaf ini gan, informasi yang menarik

    BalasHapus
  4. Kunjungi www.beralih.blogspot.com

    BalasHapus
  5. Ijin coba sob tutorialnya. terimakasih.

    BalasHapus