12
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 Count Melayang Di samping Blog. 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 ...
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 ...
12Awesome Comments!
bOss sa'janE hasiL-nya diLiatkan....
(saran)
ok...............keren......sedot....
kunjungan baliknya ane tuggu ,,,,,,
@luqmen sip, cuman kalau saya kasih nanti malah kotor blog ini :thumbup
@madridista ok gan.. seruput juga :cendolnya
love uhttp://lh5.ggpht.com/_RVpTV2JOOxA/S1FVZRNiD1I/AAAAAAAAByU/A_ahrCm6l6U/kaskuser_t4belajarblogger_11.gif
wah sip banget an.. visit blog qw ya.........
tekcomjar
yang kayak kaskus ada gak? :32
sip
:53
KUNJUNGAN BALIK DI WWW.STARCHAU.BLOGSPOT.COM
:17
:30
terima kasih, ulasannya sangat membantu saya
:58