Cara Membuat Tombol Share Melayang di Blog

Cara Membuat Tombol Share Melayang di Blog - Hai sobat blogger semua!kali ini saya akan share tutorial blog tentang cara membuat tombol share melayang di blog.Dengan memasang tombol share melayang di blog,akan memudahkan para pengunjung blog untuk membagikan artikel yang sedang dibacanya!Bagi yang penasaran silahkan lihat demonya disini.Nah,daripada berlama lama lagi langsung saja disimak tutorial  blog berikut tentang cara membuat tombol share melayang di blog:

1.   Masuk ke akun Blogger sobat,
2.   Klik Rancangan.
3.   Tambah gadget >> pilih HTML/Javascript.
4.   Lalu copy dan paste kode 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"><div class='floatbutton' id='facebook'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count"show_faces="false"font=""></fb:like></div><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 class='sbutton' id='gplusone'><script type="text/javascript"src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div  style="clear:both;"></div></div><span style="font-family: Trebuchet MS, sans-serif; font-size: xx-small;"><a href="http://gandok-cyber4rt.blogspot.com/2012/12/cara-membuat-tombol-share-melayang-di.html" target="_blank">+get this</a></span>

5. klik save tempelate.
6. Terakhir lihat hasilnya di blog sobat.

Sekian dulu ya tutorial blog kali ini tentang Cara Membuat Tombol Share Melayang di Blog,semoga bermanfaat.Sampai ketemu di tutorial berikutnya!bye.

Related Post:

Widget by [ Budih139 ]