Social Sharing Counter Buttons to Each Post.

Ένα όμορφο & λειτουργικό widget με 5 από τους δημοφιλέστερους κοινωνικούς συνδέσμους για τη σελίδα σας.
Εκτός από τα.. Retweet, Linkedin, Stumble, Digg διαθέτει επίσης & το "Facebook Like" το οποίο είναι το κατεξοχήν δημοφιλέστερο.
Έτσι, θα δώσετε την δυνατότητα στους επισκέπτες σας, να διαμοιράσουν τα άρθρα σας στους διαδικτυακούς τους φίλους ανά το κόσμο & συγχρόνως να αυξήσετε τους θαυμαστές στη σελίδας σας στο facebook.

2 σε 1 δηλαδή!!!

Ας πάμε να δούμε το τρόπο προσαρμογής...



1. Σημαντικό !!!! Πρωτού κάνετε το οτιδήποτε Θα κρατήσετε BACKUP το template σας.


2. Κατόπιν θα πάτε στον Πίνακα ελέγχου σας --> Σχεδίαση --> Επεξεργασία HTML --> και θα τσεκάρετε το πεδίο που λέει: "Επέκταση προτύπων γραφικών στοιχείων"
3. Έπειτα με Ctrl + F, θα κάνετε αναζήτηση το....

<data:post.body/>

Τώρα, υπάρχουν δύο σημεία που μπορείτε να το περάσετε...

Το πρώτο είναι, να τα προσθέσετε κάτω από το τίτλο της κάθε ανάρτησης & το δεύτερο σημείο είναι, στο τέλος της κάθε ανάρτησης.

Εμείς θα σας δείξουμε & τους 2 τρόπους κι η επιλογή είναι δική σας.



1ος Τρόπος:

Κάτω από τον τίτλο της ανάρτησης:

Όπως βλέπετε & στην παραπάνω εικόνα για να το περάσετε κάτω από τον τίτλο της κάθε ανάρτησης θα βρείτε το 1ο <data:post.body/> και στην επόμενη γραμμή θα προσθέσετε το παρακάτω κώδικα.

Δείτε πως θα φαίνετε.



2ος Τρόπος:

Στο τέλος της ανάρτησης:

Ενώ στην περίπτωση που θέλετε να μπουν στο τέλος της κάθε ανάρτησης και εφόσον έχετε περασμένο το Αυτοματοποιημένο "Read more..." θα κατεβείτε λίγο πιο κάτω & θα βρείτε το 2ο <data:post.body/> και θα το περάσετε.

Δείτε πως θα φαίνετε.

<!--Counter-Buttons-STARTS-http://loneeagle110.blogspot.com-->
<b:if cond='data:blog.pageType == "item"'>
<table border='0'>
<tr>
<td><div style='padding-top:3px;'>
<script type='text/javascript'>
tweetmeme_style = "compact";
</script>
<script type='text/javascript'>
tweetmeme_url = '....τον σύνδεσμο του blog σας π.χ http://loneeagle110.blogspot.com/....';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td><div style='padding-top:0px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' expr:data-url='data:post.url' type='in/share'/>
</div></td>
<td>
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/>
</td>
<td><div style='padding-top:0px;'>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class='DiggThisButton DiggCompact'/>
</div></td>
<td><div style='padding-top:0px;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:35px; width:100px; height:20px;'/>
</div></td>
</tr>
</table> </b:if><br/>
<!--Counter-Buttons-STOPS-http://loneeagle110.blogspot.com-->

Τέλος θα πατήσετε ΠΡΟΕΠΙΣΚΟΠΗΣΗ & αφού δε σας βγάλει κάποιο σφάλμα, θα κάνετε ΑΠΟΘΗΚΕΥΣΗ το πρότυπό σας!

Κάνετε ανανέωση της σελίδα σας κι είστε ΟΚ!!!

Καλή Επιτυχία!!!!!