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

Καλησπέρα στους αναγνώστες του bloggertips.gr.

Πρώτο 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


Copyrights: http://www.bloggertips.gr/


Secra 's posts