Info Harga Komputer dan Gadget

Cara membuat tombol share floating di samping blog

Advertisement
advertisement

Oke sobat kali ini edikomputer akan mencoba share tentang Cara membuat tombol share floating di samping blog semoga sobat berminat ya,,,

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..
advertisement

2 comments:

Lamanku.com Media Promosi Bisnis said...

Min ada gak tutorial cara membuat share social media dalam bentuk flat, kalau kagak gini saya rasa kurang proffesional.

SAHUPALA Share said...

tombol sharenya mantap juga...hehehehe..tapi udah banyak yang kaya gini

Post a Comment

Blog Ini Dofollow Ya bro tapi jangan nyepam komentar secara bijak dan sesuai dengan postingan