GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

ΠΩΣ ΒΑΖΩ SHARE BUTTONS ΣΤΟ ΤΕΛΟΣ ΤΗΣ ΑΝΑΡΤΗΣΗΣ

SHARE BUTTONS
ΠΩΣ ΒΑΖΩ SHARE BUTTONS ΣΤΟ ΤΕΛΟΣ ΤΗΣ ΑΝΑΡΤΗΣΗΣ
Για να βάλουμε share buttons στο τέλος της κάθε ανάρτησής μας θα χρειαστεί να βάλουμε τα παρακάτω κομμάτια κώδικα σαν gadget (1ος κώδικας) ή μέσα στο πρότυπο του blog μας (2ος κώδικας). Ο πρώτος κώδικας είναι από το sharethis.com και αν θέλετε περισσότερα ή λιγότερα κουμπιά καθώς και άλλο στυλ κουμπιών θα πρέπει να κάνετε εγγραφή για να κάνετε αυτές τις τροποποιήσεις και να σας δώσει νέο κώδικα. Ο συγκεκριμένος έχει 9 κουμπιά τα οποία εμφανίζονται ακριβώς από κάτω. 

Δίνω και άλλες 2 παραλλαγές του με 8 και 7 κουμπιά πιο κάτω για αυτούς που δεν έχουν μεγάλο πλάτος ανάρτησης. Μπορείτε να αφαιρέσετε το κουμπί όποιου sosial network θέλετε σβήνοντας προσεκτικά τις λέξεις με το ίδιο χρώμα. Ο κώδικας αυτός από το sharethis.com μπαίνει απλά σαν gadget σε κάποια πλευρική μπάρα κατά προτίμηση την αριστερή και όσο γίνεται ψηλότερα για να φορτώνει γρηγορότερα.

ΚΩΔΙΚΑΣ από Sharethis.com με 9 κουμπιά.
<span id="st_finder"></span>
<script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js"></script>
<script type="text/javascript">var switchTo5x= true;stBlogger2.init("http://w.sharethis.com/button/buttons.js",{"fblike":["hcount","Facebook Like",""],"facebook":["hcount","Facebook",""],"plusone":["hcount","Google  1",""],"twitter":["hcount","Tweet",""],"tumblr":["hcount","Tumblr",""],"blogger":["hcount","Blogger",""],"pinterest":["hcount","Pinterest",""],"email":["hcount","Email",""],"sharethis":["hcount","ShareThis",""],"":["hcount","",""]}, "c2dcded4-c736-4c8c-8e6b-c8b2837e8e6e");var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch(err) {}}</script>
SHARE BUTTONS

ΚΩΔΙΚΑΣ από Sharethis.com με 8 κουμπιά.
<span id="st_finder">
</span><script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js"></script>
<script type="text/javascript">var switchTo5x= true;stBlogger2.init("http://w.sharethis.com/button/buttons.js",{"fblike":["hcount","Facebook Like",""],"facebook":["hcount","Facebook",""],"plusone":["hcount","Google  1",""],"twitter":["hcount","Tweet",""],"blogger":["hcount","Blogger",""],"pinterest":["hcount","Pinterest",""],"email":["hcount","Email",""],"sharethis":["hcount","ShareThis",""],"":["hcount","",""]}, "c2dcded4-c736-4c8c-8e6b-c8b2837e8e6e");var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch(err) {}}</script>
SHARE BUTTONS

ΚΩΔΙΚΑΣ από Sharethis.com με 7 κουμπιά.
<span id="st_finder">
</span><script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js"></script>
<script type="text/javascript">var switchTo5x= true;stBlogger2.init("http://w.sharethis.com/button/buttons.js",{"fblike":["hcount","Facebook Like",""],"facebook":["hcount","Facebook",""],"plusone":["hcount","Google  1",""],"twitter":["hcount","Tweet",""],"pinterest":["hcount","Pinterest",""],"email":["hcount","Email",""],"sharethis":["hcount","ShareThis",""],"":["hcount","",""]}, "c2dcded4-c736-4c8c-8e6b-c8b2837e8e6e");var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch(err) {}}</script>
SHARE BUTTONS


2ος ΚΩΔΙΚΑΣ από Αddtoany.com
Ο παρακάτω κώδικας είναι από το addtoany.com και για να τον βάλουμε πηγαίνουμε στην επεξεργασία προτύπου και ψάχνουμε με το CTRL+F την ετικέτα </head> και ακριβώς πάνω από αυτήν επικολούμε την πρώτη γραμμή του κώδικα δηλαδή το <script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>.
Μετά από αυτό αναζητήστε με CTRL+F αυτήν την γραμμή <div class='jump-link'> και αντιγράψτε το δεύτερο μέρος του κώδικα που αρχίζει με τη γραμμή <div class="a2a_kit a2a_kit_size_32 a2a_default_style"> κάτω από το </b:if>.
<div class='jump-link'>
      <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
      </b:if>
Μετά από αυτό σώζετε το πρότυπο και τέλος.

ΚΩΔΙΚΑΣ από Αddtoany.com με 21 κουμπιά.
<script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>  <== (Αυτό πρίν το </head>).

<div class="a2a_kit a2a_kit_size_32 a2a_default_style">  <=Αυτές οι 23 γραμμές μετά το <div class='jump-link'> & το </b:if>
<a class="a2a_button_facebook_like"></a>
<a class="a2a_button_google_plusone"></a>
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_pinterest"></a>
<a class="a2a_button_blogger"></a>
<a class="a2a_button_wordpress"></a>
<a class="a2a_button_tumblr"></a>
<a class="a2a_button_evernote"></a>
<a class="a2a_button_google_bookmarks"></a>
<a class="a2a_button_linkedin"></a>
<a class="a2a_button_diigo"></a>
<a class="a2a_button_delicious"></a>
<a class="a2a_button_digg"></a>
<a class="a2a_button_myspace"></a>
<a class="a2a_button_reddit"></a>
<a class="a2a_button_stumbleupon"></a>
<a class="a2a_button_google_gmail"></a>
<a class="a2a_button_yahoo_mail"></a>
<a class="a2a_button_outlook_com"></a>
<a class="a2a_dd" href="https://www.addtoany.com/share_save"></a>
</div>
SHARE BUTTONS

1 σχόλιο:

  1. Το sharethis.com είναι μακράν το καλύτερο site για share buttons καντε εγγραφή και τροποποιήστε τα buttons σας όπως θέλετε.

    ΑπάντησηΔιαγραφή

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

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