halo sahabat blogger kali ini saya ingin memberikan cara membuat tombol melayang share ke sosial networking
tentunya anda pernah melihat yang seperti yang ada di KSTT bukan
menarik bukan selain untuk mempercantik blog kita juga dapat meningkatkan visitor dari teman kita yang ada di jejaring sosial.
ok langsung aja ya simak dengan seksama
3.setelah masuk kerancangan pilih elemen laman
tentunya anda pernah melihat yang seperti yang ada di KSTT bukan
menarik bukan selain untuk mempercantik blog kita juga dapat meningkatkan visitor dari teman kita yang ada di jejaring sosial.
ok langsung aja ya simak dengan seksama
1.kita harus login dulu ke akun blogger
2.masuk ke dasbor pilih rancangan
2.masuk ke dasbor pilih rancangan
3.setelah masuk kerancangan pilih elemen laman
4.lalu pilih tambah gadget
5.pilih menu HTML/Java Script
6.copy dan paste script dibawah ini
<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>
Kunjungi blog yang satu ini:<a href="http://kstt-blog.blogspot.com/" target="_blank">KSTT BLOG</a>
Read more:KSTT BLOG*{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>
Kunjungi blog yang satu ini:<a href="http://kstt-blog.blogspot.com/" target="_blank">KSTT BLOG</a>
7.nah ini yang terakhir pilih tombol simpan dan selesai sudah
semoga bermanfaat
ENJOY AND FUN
semoga bermanfaat
ENJOY AND FUN
0 komentar:
Posting Komentar
KSTT BLOG tidak merepost komentar dalam bentuk "SARA"