Cara membuat Share Button Di Samping Blog
Saturday, August 18, 2012
Add Comment
Hallo sob, kali ini saya mau share tentang Cara Membuat Share Button Di Samping Blog, membuatnya mundah dan simpel kok, hehe. langsung aja ya dimulai..
Tinggal ke Rancangan --> Tambah Gadget/add gadget --> HTML/Java Script
Masukan dan copy 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;
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>
Kalau sudah Simpan
Warna Merah bisa di ganti left ( kiri )atau right ( kanan ) untuk letak widget
Atau biar lebih efisien code tersebut bisa di letakan di gadget html
yang sudah ada di blog anda , widget tersebut tidak akan mempengaruhi
widget html tempat dia di letakan
SELAMAT MENCOBA, SEMOGA BERHASIL
Cukup sekian, semoga bermanfaat !
Jangan lupa Follow & Coment ya :)
0 Response to "Cara membuat Share Button Di Samping Blog"
Post a Comment