Tombol Share merupakan salah satu cara seo untuk meningkatkan trafik blog dengan menshare ke berbagai social network maka akan mendatangkan banyak pegunjung
oke langsung saja caranya silahkan di simak baik baik ya... login ke blogspot sobat kemudian pilih template > Edit HTML cari kode ini <head> nah kaolo sudah ketemu copy kode ini di bawhnya :
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>Kemudian Save kemudian close kemudain pilih Layout add a gadget pilih opsi HTML/Javascript kemudian copy paste code ini :
<!-- Floating social media buttons by www.howbler.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://www.edikomputer.com/2012/12/cara-membuat-tombol-share-floating-di.html" title="cara membuat tombol share floating di blogspot"><span class="getfloat">Get floating</span><div style="clear:both"></div><span class="sharebuttons">share buttons</span></a> </div> </div>
Kemudian Save dan lihat hasilnya. Terima kasih telah membaca artikel ini..
Anda baru saja membaca artikel yang berkategori
blogger
/
seo
dengan judul
Cara membuat tombol share floating di samping blog
. Anda bisa bookmark halaman ini dengan URL
http://sisatruk.blogspot.com/2013/01/cara-membuat-tombol-share-floating-di.html
.
Artikel Terkait blogger , seo
Ditulis oleh:
Pramudya Ksatria Budiman
-
Rating : 4.5
Belum ada komentar untuk " Cara membuat tombol share floating di samping blog "
Post a Comment
Beri komentar anda.