My WordPress

Gadget: Απλά και Όμορφα Share Buttons για τις Αναρτήσεις σας

Επιτέλους! Βρήκα αυτό που έψαχνα για το συγκεκριμένο θέμα! Αν κι εσείς ψάχνετε μικρά, όμορφα, απλά και λειτουργικά κουμπάκια για διάδοση των αναρτήσεων σας από τους επισκέπτες, συνεχίστε το διάβασμα. Είναι πραγματικά πανεύκολο να τα τοποθετήσετε! Περιέχει όλα τα κύρια sites στα οποία μπορεί να μοιραστεί κάποιος οτιδήποτε και το αποτέλεσμα το βλέπετε κάτω από κάθε ανάρτηση μου:

Πάμε να το εγκαταστήσουμε!


1. Πάμε ΠΑΝΟΠΤΗΣ– ΕΠΕΞΕΡΓΑΣΙΑ HTML– (ΛΗΨΗ ΠΛΗΡΟΥΣ ΠΡΟΤΥΠΟΥ)- επιλέγουμε ΕΠΕΚΤΑΣΗ ΠΡΟΤΥΠΩΝ ΓΡΑΦΙΚΩΝ ΣΤΟΙΧΕΙΩΝ.

2. Με ctrl+f βρίσκουμε την παρακάτω γραμμή κώδικα:

<div class=’post-footer-line post-footer-line-1′>

3. Πατάμε 2-3 φορές το Enter για να δώσουμε 2-3 κενές γραμμές μετά από αυτή τη γραμμή.

4. Αντιγράφουμε τον παρακάτω κώδικα και τον επικολλούμε (Copy-Paste) ακριβώς εκεί που φτάσαμε μετά τα 2-3 Enter:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<span class=’post-share’> <p>

Save And Share :

<a expr:href=’&quot;http://twitter.com/share?text=&quot; data:post.title &quot;&amp;url=&quot; data:post.url’ target=’_blank’ class=’twitter-share-button’ title=’Tweet This ! (Click On It For Url Shortening)’><img alt=’Tweet This ! (Click On It For Url Shortening)’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvM3Sb-3wI/AAAAAAAAAH0/6wuL-gO0a3U/twitter.gif’ style=’height:16px; width:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://www.facebook.com/sharer.php?u=&quot; data:post.url &quot;&amp;t=&quot; data:post.title’ target=’_blank’ title=’Share On Facebook !’><img alt=’Share On Facebook !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvMxLns3dI/AAAAAAAAAHQ/K5W2YQeN6SY/facebook.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://www.google.com/buzz/post?url=&quot; data:post.url’ target=’_blank’ title=’Share On Google Buzz !’><img alt=’Share On Google Buzz !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvMq-C4_yI/AAAAAAAAAHA/HCb38P39DMc/Buzz.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://del.icio.us/post?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’ title=’Add To Del.icio.us !’><img alt=’Add To Del.icio.us !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvMq5Pk_6I/AAAAAAAAAHE/L1SVY7qRcnU/delicious.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://digg.com/submit?phase=&quot; &quot;2&amp;url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’ title=’Share On Digg !’><img alt=’Share On Digg !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvMrPRHAAI/AAAAAAAAAHI/4CsHjE_v4gg/digg.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://reddit.com/submit?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’ title=’Share On Reddit !’><img alt=’Share On Reddit !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvM2-Sw3ZI/AAAAAAAAAHk/QKghefISkNc/reddit.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://www.linkedin.com/shareArticle?mini=&quot; &quot;true&amp;url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’ title=’Share On LinkedIn !’><img alt=’Share On LinkedIn !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvMxq258TI/AAAAAAAAAHc/qtW5-9eYK8g/linkedin.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://www.blogger.com/blog_this.pyra?t&quot; &quot;&amp;u=&quot; data:post.url &quot;&amp;n=&quot; data:post.title &quot;&amp;pli=&quot; 1′ target=’_blank’ title=’Post To Blogger !’><img alt=’Post To Blogger !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvMqnnrVtI/AAAAAAAAAG8/O65EnRFSHFk/blogger.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://www.stumbleupon.com/submit?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’ title=’Share On StumbleUpon !’><img alt=’Share On StumbleUpon !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvM3R9lzCI/AAAAAAAAAHw/tmVgMH9lNEs/stumbleupon.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://www.friendfeed.com/share?link=&quot; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’ title=’Share On Friend Feed !’><img alt=’Share On Friend Feed !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvMxcy7H8I/AAAAAAAAAHU/UfNllYiyznA/friendfeed.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot; data:post.url &quot;&amp;t=&quot; data:post.title’ target=’_blank’ title=’Share On MySpace !’><img alt=’Share On MySpace !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvMxxC8KZI/AAAAAAAAAHg/Z2lq57aIcFc/myspace.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://buzz.yahoo.com/buzz?targetUrl=&quot; data:post.url &quot;&amp;headline=&quot; data:post.title’ target=’_blank’ title=’Share On Yahoo Buzz !’><img alt=’Share On Yahoo Buzz !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvM6Wqpb3I/AAAAAAAAAH4/sydSPHqyKug/yahoobuzz.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a href=’http://sedatkurtulus.blogspot.com/2010/01/simple-share-buttons-for-blogger.html’ target=’_blank’ title=’Get These Share Buttons !’><img alt=’Get These Share Buttons !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvM3I_368I/AAAAAAAAAHs/RVGjh-tU33Y/share-buttons.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://www.google.com/reader/link?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title &quot;&amp;srcUrl=&quot; data:blog.homepageUrl &quot;&amp;srcTitle=&quot; data:blog.title’ target=’_blank’ title=’Share On Google Reader !’><img alt=’Share On Google Reader !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TEYi6TuXL9I/AAAAAAAAAJg/FYv7hawKj3k/GoogleReader.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;http://www.google.com/bookmarks/mark?op=&quot; &quot;add&amp;bkmk=&quot; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’ title=’Google Bookmark !’><img alt=’Google Bookmark !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvMxXNbOVI/AAAAAAAAAHY/s9pvz5gyE9I/google.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’&quot;mailto:?subject=&quot; data:post.title &quot;&amp;body=&quot; data:post.url’ target=’_blank’ title=’Send An Email !’><img alt=’Send An Email !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvMrRXqKLI/AAAAAAAAAHM/079MB8adXdQ/email.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

<a expr:href=’data:blog.homepageUrl &quot;feeds/posts/default&quot;’ title=’Blog Feed !’ target=’_blank’><img alt=’Blog Feed !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvM3CSYLvI/AAAAAAAAAHo/9pwNsbSHIgI/rss.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

</p> </span>

</b:if>

5. Πατάμε ΠΡΟΕΠΙΣΚΟΠΗΣΗ κι αν δε μας βγάλει κάποιο λάθος, πατάμε την ΑΠΟΘΗΚΕΥΣΗ ΠΡΟΤΥΠΟΥ και είμαστε έτοιμοι!

Περαιτέρω διαμόρφωση:

α. Μπορούμε να αλλάξουμε το κειμενάκι “Save And Share“, γράφοντας στη θέση του ό,τι μας αρέσει. Για παράδειγμα, εγώ το αντικατέστησα με το “Μοιράσου αυτή την ανάρτηση”.

β. Το 5ο εικονίδιο από το τέλος (δεξιά) είναι σύνδεσμος προς το site του δημιουργού του gadget αυτού και όχι κάποιο site όπως τα υπόλοιπα. Καλό είναι να το αφήσουμε, προς τιμήν αυτού που το έφτιαξε για εμάς, αλλά αν θέλουμε να το αφαιρέσουμε, απλά διαγράφουμε από τον κώδικα το παρακάτω κομμάτι:

<a href=’http://sedatkurtulus.blogspot.com/2010/01/simple-share-buttons-for-blogger.html’ target=’_blank’ title=’Get These Share Buttons !’><img alt=’Get These Share Buttons !’ src=’http://1.bp.blogspot.com/_YUvD9j84Cik/TBvM3I_368I/AAAAAAAAAHs/RVGjh-tU33Y/share-buttons.gif’ style=’width:16px; height:16px; padding:0; border:0; vertical-align:middle;’/></a>

γ. Υπάρχουν οι επιλογές width (πλάτος) και height (ύψος) για όσους θέλουν να μεγαλώσουν/μικρύνουν τα εικονίδια.

δ. Ο τρόπος που σας έδειξα, προσθέτει το gadget αυτό στο τέλος κάθε ανάρτησης, όταν αυτή προβάλλεται ολόκληρη στη δική της ανεξάρτητη σελίδα. Αν θέλετε το gadget να εμφανίζεται μετά από κάθε ανάρτηση ΚΑΙ στην αρχική σας σελίδα, ακολουθήστε κανονικά τα βήματα, διαγράφοντας από τον κώδικα τις 2 παρακάτω γραμμές. Στην αρχή το:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

και στο τέλος το:

</b:if>

Αυτό ήταν!

Ελπίζω να σας φανεί χρήσιμο αυτό το gadget. Για μένα ήταν απλά αυτό που έψαχνα!

Για οποιεσδήποτε απορίες ή για βοήθεια, αφήστε ένα σχόλιο και θα χαρώ να βοηθήσω όπως μπορώ!

Update: Όσοι δεν τα καταφέρετε με τον κώδικα στο βήμα 4, πατήστε σε αυτό το link (http://kurtulusticaret.com/stk/Save-And-Share-2.txt) και αντιγράψτε ολόκληρο το κείμενο που περιέχει. Είναι ο σωστός κώδικας, που λογικά θα δουλέψει.

Απολογούμαι για την ταλαιπωρία!

TwistedTool

, , , ,

11 responses to “Gadget: Απλά και Όμορφα Share Buttons για τις Αναρτήσεις σας”

  3. ΓΑΜΩΤΟ , ΠΡΟΣΠΑΘΟΥΜΕ ΝΑ ΤΟ ΒΑΛΟΥΜΕ ΑΛΛΑ ΔΕΝ ΜΠΑΙΝΕΙ :/

    ΜΗΠΩΣ ΠΡΕΠΕΙ ΝΑ ΒΓΑΛΟΥΜΕ ΤΑ ΗΔΗ ΥΠΑΡΧΟΝΤΑ BUTTONS?? Κ ΜΕΤΑ ΝΑ ΤΟ ΒΑΛΟΥΜΕ??

    ΤΙ ΛΕΣ Τ.Τ.?

    Reply

  4. Τα κουμπιά που δίνει η blogger λες ε; Μπορεί να φταίει αυτό, δεν είμαι σίγουρος. Δε χάνετε κάτι αν το δοκιμάσετε 🙂

    Ενημερώστε αν δουλέψει για να το γράψω και στην ανάρτηση για να υπάρχει.

    Reply

  6. ΝΑ ΣΟΥ ΠΩ, ΥΠΑΡΧΕΙ ΠΕΡΙΠΤΩΣΗ, ΝΑ ΕΧΟΥΜ ΜΠΕΙ, ΑΛΛΑ ΣΤΗΝ ΠΡΟΕΠΙΣΚΟΠΗΣΗ ΝΑ ΜΗΝ ΦΑΙΝΟΝΤΑΙ, ΑΛΛΑ ΑΝ ΠΑΤΗΣΟΥΜΕ SAVE ΝΑ ΕΧΟΥΝ ΜΠΕΙ???

    ΤΟ ΛΕΜΕ , ΓΙΑΤΙ ΣΕ ΑΡΚΕΤΑ GADGETΑΚΙΑ ΕΧΕΙ ΣΥΜΒΕΙ ΑΥΤΟ :/

    Reply

  7. Κι εμένα μου έχει συμβεί πολλές φορές. Παίζει ναι. Και πάλι, δε χάνετε κάτι αν δοκιμάσετε 🙂

    Reply

  8. ΤΑ ΔΟΚΙΜΑΣΑΜΕ ΟΛΑ , ΤΙΠΟΤΑ :/

    ΒΓΑΛΑΜΕ ΚΙΟΛΑΣ ΤΑ ΥΠΑΡΧΟΝΤΑ BUTTONS, ΜΕΣΑ ΑΠΟ ΤΟΝ ΠΑΝΟΠΤΗ -> ΣΧΕΔΙΑΣΗ , ΤΟ ΣΩΣΑΜΕ Κ ΜΟΛΙΣ ΒΓΗΚΑΜΕ ΣΤΟ ΜΠΛΟΓΚ, ΑΥΤΑ ΥΠΗΡΧΑΝ ΑΚΟΜΑ! :/

    ΠΩΣ ΓΙΝΕΤΑΙ?? ΧΑΧΑΧΑΧΑΧΑΧΑ 🙁 🙁 🙁

    Reply

  9. Παιδιά μου, 2 τινά μπορούν να συμβαίνουν: είτε κάπου έγινε λάθος εδώ, χάρη στο γαμημένο το PRE είτε κάνετε εσείς κάποιο λαθάκι.

    Στέλνω mail για να το ξεκαθαρίσουμε!

    Reply

  11. Δεν κατάφερες ακολουθώντας τις οδηγίες της ανάρτησης όμως..

    Ανανεώνω την ανάρτηση για να το καταφέρουν όλοι.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *