Cara Membuat Tombol Share Floating di Samping Blog

Okay, kali ini Saya akan mencoba share tentang Cara Membuat Tombol Share Floating di Samping Blog semoga Anda tertarik untuk mencobanya.

Tombol Share merupakan salah satu cara seo untuk meningkatkan trafik blog dengan menshare ke berbagai social network maka akan mendatangkan banyak pegunjung.

Okay, langsung saja berikut cara-cara nya:

1. Login ke blogger Anda.
2. Pilih Rancangan/Tata Letak.
3. Tambah Gadget dan Pilih HTML/Javascript.
4. Lalu Copy Paste code dibawah ini.

  <!-- Floating social media buttons by www.cara2-ku.blogspot.com --><style>
    #floatingbuttons{background:#295698;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3980E6), color-stop(1, #295698));background:-moz-linear-gradient(top, #3980E6, #295698);border:1px solid #1E4A8A;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style>
    <div id='floatingbuttons' title="Share this post!"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><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.col/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='floatbutton' id='google+1'><g:plusone size="tall"></g:plusone></div><div class='floatbutton' id='twitter'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div><div class='floatbutton' id='linkedin'><script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div><div class="addbuttons"><a href="http://cara2-ku.blogspot.com/2015/01/cara-membuat-tombol-share-floating-di.html" title="Cara Membuat Tombol Share Floating di Samping Blog "><span class="getfloat">Get floating</span><div style="clear:both"></div><span class="sharebuttons">share buttons</span></a> </div> </div>

5. Kemudian Save dan lihat hasilnya.

Sekian tutorial Cara Membuat Tombol Share Floating di Samping Blog. Semoga bermanfaat yaa.

Tweet