Facebook, Twitter και Google+1 buttons για share στα posts σας

Πρώτο post για μένα σε αυτή τη σελίδα και το tip που θα σας δώσω έχει να κάνει με τα 2 δημοφιλέστερα social networks παγκοσμίως, Facebook & Twitter, και με την πρόσφατη λειτουργία που λάνσαρε η Google, το +1.
Είναι λοιπόν ένα gadget με το οποίο, προσθέτοντάς το στο blog σας, οι αναγνώστες σας θα μπορούν να κοινοποιήσουν την ανάρτησή σας είτε στα Facebook / Twitter είτε επισημαίνοντάς τη με +1, κάτι που θα σημαίνει πως τη βρήκαν "pretty cool" (that 's Google!).


Η διαδικασία είναι η εξής:
1. Σύνδεση στο λογαριασμό blogger
2. Σχεδίαση
3. Επεξεργασία HTML
4. "Τικάρουμε" το "Επέκταση προτύπων γραφικών στοιχείων"
5. Με Ctrl + F αναζητούμε το "<data:post.body/>" και μετά από αυτό, δηλαδή ακριβώς από κάτω επικολλούμε τον παρακάτω κώδικα:

<!-- Sharebox starts -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div>
<br />
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'el'}
</script>
<g:plusone size="medium"></g:plusone>
<br />
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.url' expr:data-text='data:post.title' data-count='horizontal' data-lang='en'></a>
<b:if cond='data:post.isFirstPost'>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</b:if>
<br />
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
</div>
</b:if>

<!-- Sharebox ends-->

6. Αποθήκευση προτύπου και είμαστε έτοιμοι!

Θα δείχνει κάπως έτσι: http://2.bp.blogspot.com/-5uL-uMkC0Ic/ThrjxSkpSMI/AAAAAAAAAlk/R9QvCam5zRo/12.jpg

http://www.bloggertips.gr/