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 hehe,..
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
Cara bikinnya nih gampang aja
Tinggal ke Rancangan --> Tambah Gadget/add gadget --> HTML/Java Script
Masukan dan copy kode berikut
<style 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>
<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>
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
Ditunggu komentarnya :)
Assalamu'alaikum Wr. Wb.
Anda sedang membaca Artikel tentang Cara Membuat Button untuk Share di Blog, jika Anda menyukai Artikel di blog ini, silahkan masukkan email Anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel baru.
2 komentar