Βαζουμε like, send, google+1, twitter, pinterest οριζοντια κουμπακια στις αναρτησεις μας

like, send, google+1, tweeter,pinterst



Καλημερα πρωινος πρωινος σημερα (στις 6 ξυπνησα) δε ξερω αλλα εχω πολυ αγχος τωρα τελευταια πινωντας καφε ειπα να γραψω και κατι.

Στο σημερινο post θα σας δειξω πως να βαλετε οριζοντια κουμπακια με facebook like, google +1, tweeter, και pinterest ακριβως απο κατω ή ακριβως απο πανω απο τα αρθρα μας παρα πολυ ευκολα.

δες κι αυτο


Λοιπν παμε στο προτυπο μας

επεξεργασια html και βρισκουμε αυτο
<data:post.body/>
μπορει να εχει αρκετα γιαυτο πρεπει να κοιταξετε σε ολα ενδeικτικα σε εμενα σε αλλο blog μου δουλεψε στο δευτερο, ειναι αναλογα το προτυπο.

τωρα αυτο που πρεπει να κανουμε ειναι να επικολησουμε απο κατω του
αυτον τον κωδικο.

<!-- Scripts Start -->
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
<!-- Pinterest Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
<span style='margin-left:-44px;'><a data-pin-config='beside' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'/></span>
</div> 
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'></script>
<style type='text/css'> 
#pin-wrapper > a {background-image:none !important;}
</style> 
</b:if> 
<!-- Pinterest End -->
</div>
<div style='clear: both;'/>
<!-- Horizontal social buttons End -->


Αν του κανετε επικοληση απο κατω θα εμφανιζεται στο τελος του αρθρου ενω αν το βαλετε απο πανω του θα εμφανιζεται στην αρχη του αρθρου ακριβως κατω απο τον τιτλο