ΠΩΣ ΒΑΖΩ 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 σας όπως θέλετε.

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