Add Share Buttons Below Every Post For All Social Media - Blogger

Προσθέστε αυτό το όμορφο, διακριτικό κουμπί κοινοποίησης για όλα τα μέσα κοινωνικής δικτύωσης που λειτουργεί και σε Infinite Scroll στο Blogger σας, εύκολα και γρήγορα ...

Αν δεν έχουμε εμπειρία καλό θα είναι κάθε φορά πριν να κάνουμε οποιαδήποτε αλλαγή στην HTML να κάνουμε Λήψη πλήρους προτύπου πατώντας Πρότυπο » Δημιουργία Αντιγράφου ασφαλείας, ώστε να έχουμε τη δυνατότητα να διορθώσουμε τυχόν λάθη που γίνουν.

Στη συνέχεια ανοίγοντας το Blogger μας πατάμε με τη σειρά: Πρότυπο » Επεξεργασία HTML » CTRL+F  .
Στο πλαίσιο αναζήτησης που θα εμφανιστεί τοποθετούμε (με αντιγραφή και επικόλληση) το...

<data:post.body/>

και πατάμε Enter για να βρούμε σε ποια γραμμή βρίσκεται.

(Σημείωση: Μπορεί να υπάρχει στο πρότυπο μας περισσότερες από μία φορές. Η παρακάτω απλή διαδικασία, εφαρμόζεται έως ότου έχουμε το επιθυμητό αποτέλεσμα. Συνήθως υπάρχει 2-3 φορές και λειτουργεί στη δεύτερη κατά σειρά εμφάνισης, στον κώδικα HTML της σελίδας μας).

Αφού το βρούμε, ακριβώς από κάτω (για να δημιουργήσουμε κενή γραμμή, τοποθετούμε τον κέρσορα που αναβοσβήνει μετά το  />  και πατάμε 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 κάτω από κάθε ανάρτηση μας. Τοποθετώντας τον κέρσορα επάνω του βλέπουμε αυτό το αναδυόμενο παραθύρι...

 και κάνοντας κλικ στο  + περισσότερο...,  αυτό:

Προσωπικά άλλαξα το  //static.addtoany.com/buttons/share_save_171_16.png

του κώδικα με το URL της παρακάτω εικόνας, που δημιούργησα με το Blender :

Αφήστε σχόλια για τυχόν απορίες, διευκρινήσεις, παρατηρήσεις κ.λπ.