hy sobat Snow...
bagaimana kabar kalian hari ini pasti nya baik-baik saja kan.. ^_^..
Topik hari ini saya mau saling berbagi ne buat sobat--sobat Snow yang
ingin membuat tampilan blog nya berbeda dengan yang lain.. :)
JuduL besar nya ::: Membuat Tombol share FACEBOOK dan TWITTER di samping
kanan blog,,, hmmmm seperti apa yah kira--kira..??????
Nah lansung saja yah lansung ke topik.. ok let's go.. hehehehehe
Pertama--pertama
1. login ke blogger sobat
2. Pilih Rancangan
3. trus Edit laman
4. Tambah Widget
5. Pilih HTML/Javascript
6. lalu Copy dan pastekan kode berikut :
<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;
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 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></div>
*{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;
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 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></div>
6. yang trakhir klik simpan
Notice ::
ketika mau menyimpan widged ( ganged ) nya jangan di kasi judul
Ok sobat Snow
Semoga Bermanffaat ^_^
0 komentar:
Posting Komentar
Trima kasiH sudah membaca artikel ( postingan ) saya..
silahkan tinggalkan komentar anda.
Karna Komentar anda sangat berarti untuk kemajuan Blog ini ^_^