Jika pada postingan sebelumnya saya sudah memberitahu cara memasang widget like button fb & twitter pada postingan, kali ini saya akan memberi tutorial cara memasang widget fb & twitter melayang disebelah kiri tampilan blog sobat. Dengan memasang widget ini, diharapkan para pengunjung blog sobat dapat berbagi berita postingan dari blog sobat ke teman-temannya difacebook dan twitter. Dan juga untuk mengetahui seberapa menarik postingan sobat dengan melihat jumlah like pada setiap postingan diblog sobat. Beriktu cara memasangnya! Cekidot...Berikut Caranya:
- Login ke blog sobat, dan masuk ke menu "Rancangan" --> "Tambah Gadget" --> "HTML/JavaScript", kemudian copy-pastekan kode berikut pada kolom konten. Jangan diberi nama pada kolom judul.
- Kemudian klik tombol "Simpan"
- Lihatlah blog sobat. Selesai.
<style type="text/css">
*{margin:0;padding:0;}
* html #z33sHare{
position: absolute;
}
#z33sHare{
left:6%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
bottom: 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>
Silahkan mencobanya sob...
Semoga berguna dan bermamfaat...
Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.











gan kalau mau naruh agak kebawah dan disamping kanan blog gimana? soalnya kalo di kiri sepertinya agak mengganggu. tolong di jawab di sini gan.
bisa diliat kodenya disini gan untuk widget melayang sebelah kanan:
http://zamrudblog.blogspot.com/2011/07/memasang-widget-share-melayang-share_04.html
thnks,, izin nyiciipp ,, folback juga yoo ke http://zippien.blogspot.com
udah ane folback bro
salam kenal :)
wah saya dah terapin bro... mantafff tengkiu lho :)
@hari jogja sama2 bro :)
Thanks GAN... prikitiwwwww
http://tikclubsman2menggala.blogspot.com/p/rpp-silabus.html
hehe..
ane coba ya...
boleh ga,,??
@ibal: ya boleh lah gan :)
keren om... udah saya coba dan berhasil :B