Add Share Buttons Below Every Post For All Social Media - Blogger
Αν δεν έχουμε εμπειρία καλό θα είναι κάθε φορά πριν να κάνουμε οποιαδήποτε αλλαγή στην HTML να κάνουμε Λήψη πλήρους προτύπου πατώντας
Πρότυπο - Δημιουργία Αντιγράφου ασφαλείας
για να έχουμε τη δυνατότητα να διορθώσουμε τυχόν λάθη που γίνουν.
Στη συνέχεια ανοίγοντας το Blogger μας πατάμε με τη σειρά:
Πρότυπο - Επεξεργασία HTML - CTRL+F .Στο πλαίσιο αναζήτησης που θα εμφανιστεί τοποθετούμε (με αντιγραφή και επικόλληση) το ...
<data:post.body/>και πατάμε Enter για να βρούμε σε ποια γραμμή βρίσκεται ...
(Σημείωση: Μπορεί να υπάρχει στο πρότυπο μας περισσότερες από μία φορές.
Η παρακάτω απλή διαδικασία, εφαρμόζεται έως ότου έχουμε το επιθυμητό αποτέλεσμα. Συνήθως υπάρχει 2-3 φορές και λειτουργεί στη δεύτερη κατά σειρά εμφάνισης, στον κώδικα HTML της σελίδας μας).
Αφού το βρούμε, ακριβώς από κάτω (για να δημιουργήσουμε κενή γραμμή, τοποθετούμε τον κέρσορα που αναβοσβήνει μετά το /> και πατάμε Shift + Enter) επικολλούμε το
και πατάμε Προεπισκόπηση.(Ο κώδικας είναι απ'τη σελίδα της εταιρίας ΑddΤoΑny)
Αν το button εμφανίζεται στη σελίδα μας πατάμε Αποθήκευση - Προβολή Ιστολογίου, αν όχι σβήνουμε τον παραπάνω κώδικα και επαναλαμβάνουμε τη διαδικασία επικολλώντας τον κάτω από το επόμενο
Αφού το βρούμε, ακριβώς από κάτω (για να δημιουργήσουμε κενή γραμμή, τοποθετούμε τον κέρσορα που αναβοσβήνει μετά το /> και πατάμε Shift + Enter) επικολλούμε το
<!-- AddToAny BEGIN -->
<br/><a class='a2a_dd' href='https://www.addtoany.com/share_save'><img alt='Share/Bookmark' border='0' src='//static.addtoany.com/buttons/share_save_171_16.png' width='171' height='16'/></a><p class='a2a_linkname_escape' style='display:none'><data:post.title/></p><script type='text/javascript'>var a2a_config = a2a_config || {};a2a_config.linkname_escape=1;a2a_config.linkurl="<data:post.url/>";</script><script src='//static.addtoany.com/menu/page.js' type='text/javascript'></script>
<!-- AddToAny END -->
Αν το button εμφανίζεται στη σελίδα μας πατάμε Αποθήκευση - Προβολή Ιστολογίου, αν όχι σβήνουμε τον παραπάνω κώδικα και επαναλαμβάνουμε τη διαδικασία επικολλώντας τον κάτω από το επόμενο
<data:post.body/>
Εφόσον πάνε όλα καλά θα βρούμε το button κάτω από κάθε ανάρτηση μας. Τοποθετώντας τον κέρσορα επάνω του βλέπουμε αυτόν το πίνακα:
και κάνοντας κλικ στο + περισσότερο... αυτόν:
Ο παραπάνω κώδικας δεν ''επιβαρύνει'' τη σελίδα μας, τα Buttons εμφανίζονται και λειτουργούν και σε Infinite Scroll (αυτόματο άνοιγμα παλαιότερων αναρτήσεων κατά το Scroll, βλέπε facebook), κάτι που δεν συμβαίνει αν τα προσθέσουμε σαν Gadget με χρήση HTML/JavaScript.
Προσωπικά άλλαξα το //static.addtoany.com/buttons/share_save_171_16.png
του κώδικα με το URL της παρακάτω εικόνας που δημιούργησα με το Blender :
Το αποτέλεσμα είναι αυτό που βλέπετε στο Θέμα & θέαμα ...
Αφήστε σχόλιο για τυχόν απορίες, διευκρινήσεις που χρειάζεστε κ.λ.π.
0σχόλια
Δημοσίευση σχολίου