©MonZaeMon™ 69 - Hallo sob , kali ini abang mau share tentang Cara membuat Share button di samping blog ya seperti di blog bangtegar.com ini dia ada di samping blog silahkan di tengok ke samping kanan heheh
Media
Social adalah salah satu cara yang sangat ampuh untuk mempromosikan
blog , salah satu cara memanfaatkannya adalah Sharing button nah sharing
button yang saya share kali ini adalah sharing button yang melayang ada
di samping blog jadinya lebih bagus donk , kenapa?
- Gak Makan Space di blog sama sekali
- Lebih menarik perhatian pengunjung
- Sering di lihat oleh pengunjung karena letaknya di samping blog
ini dia penampakan sharing buttonnya
- Gak Makan Space di blog sama sekali
- Lebih menarik perhatian pengunjung
- Sering di lihat oleh pengunjung karena letaknya di samping blog
ini dia penampakan sharing buttonnya
Tinggal ke Rancangan --> Tambah Gadget/add gadget --> HTML/Java Script
Masukan dan copy kode berikut
<style='color:black; text-align:justify;' type="text/css">Kalau sudah Simpan
*{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='color:black; text-align:justify;'>
<div id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a href='http:/monzaemon69.blogspot.com' style='text-decoration:none; cursor:text; font-weight:normal;'"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://monzaemon69.blogspot.com' style='text-decoration:none; cursor:text; font-weight:normal;'"http://www.google.com/buzz/post" data-button-style='color:black; text-align:justify;'="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:/monzaemon69.blogspot.com' style='text-decoration:none; cursor:text; font-weight:normal;'"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='color:black; text-align:justify;'="clear:both;"></div></div>
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
Oke Segitu Dulu Postingan dari Abang Semoga berguna
mana yang warna merahnya om....
ReplyDelete