Cara Memasang Tombol Share ke kanan/kiri Pada Blog

oke kali ini saya akan membagiakan cara memasang tombol like pada bloger dan terletak pada sampingan blog , namun ini adalah hal yang sangat mudah dan di bilang gampang sangat, dan sudah di ketahui banyak orang namun ini tidak ada salah saya posting lagi ke google. Tombol Share Facebook+Twitter+ Google   oke kita ceckidot aja ke TKP nya.

log-in ke bloger sobat.

buka  html/javascrip

Kopy Kode HTML di bawah ini. 

<!-- Floating social media buttons by www.howbler.com --><style>
#floatingbuttons{background:#41A317;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #A1D423), color-stop(1, #80A81C));background:-moz-linear-gradient(top, #41A317, #41A317);border:1px solid #739619;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.com/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>
<!-- end Floating social media buttons by www.howbler.com --></div>

Copy semua kode di atas dan salin ke HTML/javascrip .
oke sekian dari saya  semoga bermanfaat.

Share :

Tweet

✚

Related Post