28 Οκτωβρίου 2010



10 Απλά και Όμορφα Share Buttons

Παλιότερα είχε κάνει ο ΑΑΤΟΝ σχετική ανάρτηση για το συγκεκριμένο θέμα! Πώς να τοποθετήσετε μικρά, όμορφα, απλά και λειτουργικά κουμπάκια για διάδοση των αναρτήσεων σας από τους επισκέπτες σας. Σήμερα θα κάνω μια παρόμοια ανάρτηση, μιάς και ο ιστοχώρος εξελίσσεται συνεχώς, και προστίθενται συνέχεια και νέες σελίδες δικτύωσης, όπως παράδειγμα το Google Buzz. Είναι πραγματικά πανεύκολο να τα τοποθετήσετε! Περιέχει όλα τα κύρια sites στα οποία μπορεί να μοιραστεί κάποιος οτιδήποτε και το αποτέλεσμα το βλέπετε κάτω από κάθε ανάρτηση, και εδώ στο blog του Νίκου, και στο δικό μου, καθώς και σε άπειρα ακόμη ιστολόγια:


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

2. Με ctrl+f βρίσκουμε την παρακάτω γραμμή κώδικα:
<div class='post-footer-line post-footer-line-1'>

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

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

http://kurtulusticaret.com/stk/Save-And-Share-2.txt

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: Λόγω των spaces στον κώδικα, όπως τον έδωσα αρχικά δε δούλευε. Η ανάρτηση ανανεώθηκε (βήμα 4) με το σωστό και λειτουργικό κώδικα. Απολογούμαι για την ταλαιπωρία!

"Γειά σου, Εάν βρέθηκες για πρώτη φορά στο Blog μου, και εάν σε ενδιαφέρουν οι αναρτήσεις μου, μπορείς να εγγραφείς στο RSS feed του Blog. Μπορείς επίσης να κάνοντας εγγραφή στο Newsletter του blog μου, να λαβαίνεις απ ευθείας κάθε μου ανάρτηση στο email σου. Είσαι Twitter user; τότε μπορείς επίσης να με κάνεις Follow στο Twitter. Σε ευχαριστώ που με διαβάζεις."





Print this post



Related Posts :



10 σχόλια:

TheoCoach είπε... Best Blogger Tips

Γεια σου Νίκο,

Έψαχνα να βρω κάτι τέτοιο για το blog μου και σε ευχαριστώ που το μοιράστηκες μαζί μας.

Απλά, δεν ξέρω για ποιο λόγο, αλλά δε μου δουλεύει. Δεν ξέρω αν κάνω κάτι λάθος.

Ευχαριστώ

Θοδωρής


TheoCoach είπε... Best Blogger Tips

Μόλις είδα ότι δεν ήταν ο Νίκος αλλά ο TwistedTool που έκανε την ανάρτηση :-)


AATON είπε... Best Blogger Tips

Δοκίμασε την άλλη ανάρτηση που έκανα εγώ παλιότερα Θοδωρή, μήπως εκείνη σου δουλέψει: http://nikos63.blogspot.com/2009/06/social-bookmarking-button.html


TwistedTool είπε... Best Blogger Tips

@TheoCoach:

Φίλε μου, ευχαριστώ για την ενημέρωση. Το πρόβλημα μάλλον ήταν στα spaces του κώδικα και το πώς αυτά εμφανίζονταν στο πλαίσιο που τον παρουσιάσαμε.

Η ανάρτηση ανανεώθηκε με το αυθεντικό link προς το αρχείο κειμένου που περιέχει το σωστό κώδικα, όπως πρέπει να είναι. Δοκίμασε αυτό και μάλλον θα δουλέψει!

Παρακαλώ, ενημέρωσε μας για το αποτέλεσμα! Να'σαι καλά και συγγνώμη για την ταλαιπωρία!


TheoCoach είπε... Best Blogger Tips

@TwistedTool Οκ, τώρα δούλεψε κανονικά. Ευχαριστώ πολύ ;-)

@AATON Νίκο τώρα το είδα και το δικό σου. Ωραίο φαίνεται και εκείνο. Ίσως το βάλω σε άλλο blog μου. Σε ευχαριστώ.


TwistedTool είπε... Best Blogger Tips

@TheoCoach:

Χαίρομαι πολύ! Να'σαι καλά!


Greki είπε... Best Blogger Tips

Ευχαριστώ πολύ Νίκο.
Πολύ καλό, το έβαλα και δουλεύει κανονικά.


TwistedTool είπε... Best Blogger Tips

@Greki:

Ανδρέας είναι το όνομα και χαίρομαι πολύ που σου δούλεψε :)

Να'σαι καλά!


Mitsobo είπε... Best Blogger Tips

Αντρέα ωραίο είναι, εμένα μου έκατσε όπως το ήθελα! ευχαριστώ!


TwistedTool είπε... Best Blogger Tips

@Mitsobo:

Χαίρομαι πάρα πολύ, Παναγιώτη! :)


Δημοσίευση σχολίου

Πες πως δεν έχεις χρόνο να σχολιάσεις.. να 'χεις πάρει όμως σοβαρό ύφος, καλά;

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.

Next Next Next