Κυλιομενα κουμπια κοινωνικης δυκτιωσης

Χερεται κυριες και κυριοι μετα απο αρκετο καιρο λογω υποχρεωσεων και δουλειας (εξωτερικο) ναι και εμεις αναγκαστηκα βγηκαμε εξωτερικο λογω ανεργιας βλεπεται, επεστρεψα και ζητω συγνωμη απο ολους αν δεν εχω απαντησει στα ερωτηματα σας και αν δεν εχω κανει αναρτηση εδω και καμποσους μηνες.

Σημερα λοιπον εχω εναν οδηγο για να βαλουμε κυλιομενα κουμπια διπλα απο καθε αναρτηση χωρις να φαινονται στην αρχικη σελιδα.

Ξεκιναμε παμε προτυπο
 επεξεργασια html
με control+f βρισκουμε τον παρακατω κωδικο

<b:includable id='post' var='post'>





λογικα θα εχει και ενα βελακι διπλα του οπως ειναι στο δικο μου προτυπο Παταμε το βελακι να ανοιξει και ....

Ακριβως απο κατω του βαζουμε  Αυτον τον κωδικο

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>#floatingbuttons{background:#F9F9F9;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #F9F9F9));background:-moz-linear-gradient(top, #fff, #F9F9F9);border:1px solid #ccc;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:#000;background:none;font-family:arial, sans-serif;display:block;font-size:7px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#000;background:none;text-decoration:underline;}</style> <div id='floatingbuttons'>
 <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://posftiaxnoblog.blogspot.com/p/blogger-tips.html" target="_blank"><span class="getfloat">Blogger tips</span><div style="clear:both">
 </div>
</a> </div>
</div>
</b:if></b:if> 


Κανουμε προεπισκοπηση και αν ειναι ολα οκ αποθηκευση

  αν θελουμε να το βαλουμε πιο χαμηλα η πιο ψηλα πιο αριστερα η αν θελουμε να μπει δεξια παιζουμε με αυτη τη γραμουλα  fixed;bottom:15%;left:0;