Setelah sekian lama gak nulis tutorial, ni sekali sekali gw m nulis (mumpung semangat ^.^). kali ni saya mau ngasih tutorial buat temen saya si oclick yang dulu pernah nanya sama gua Cara Membuat Share CountMelayang. Cara membuatnya simple banget kok. n g ribet2 amat, hehe.. jika kita sudah login ke blogger kita,lakukan hal di bawah,jika belum loginlah seperti biasa. Untuk membuat widget ini, kalian harus sudah login ke blogger kalian dan selanjutnya, silahkan kalian ikuti tahap-tahapnya dibawah ini:
1. Pilih Rancangan(design)
2. Pilih Elemen Halaman
3. Klik Tambah GADGET
4. Pilih HTML/Java Script
5. Silahkan Copy kode berikut dan paste didalam konten HTML/Java script nya
<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 or Save
7. lihat hasilnya di sisi kanan Blog kalian.
jika anda ingin menempatkan di sisi kiri blog anda ,silahkan ganti right dengan left dan save .selesai deh
Selamat Mencoba ...
0 komentar:
Posting Komentar