1. Pembaca akan lebih mudah menshare artikel kalian
2. Meningkatkan traffic anda di social media
3. Meningkatkan Viewer blog anda
4. Mempermudah orang lain mengakses blog anda
Baiklah, berikut cara memasangnya
1. Buka blog anda
2. Masuk pada tata letak > tambah gadget > Html/Java script
3. pastekan code di bawah ini
<style>
#floatingbuttons{background:#007d29;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #007d29), color-stop(1, #007d29));background:-moz-linear-gradient(top, #007d29, #007d29);border:1px solid #007d29;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><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://hardisidarta.blogspot.com" title="Add floating social media share buttons to your blog!"><span class="getfloat">Get floating</span><div style="clear:both"></div><span class="sharebuttons">share buttons</span></a> </div> </div>
4. Setelah itu Simpan, dan lihat blog anda
5. Selesai
Itulah tadi tutorial singkat cara memasang social media di blog, jangan lupa komentar, +1, like dan follownya ya :)
0 komentar:
Posting Komentar