Add The Tumblr Share Button In WordPress.

Ακολουθώντας τα βήματα των Facebook, Twitter, Digg, Delicious, Stumbleupon, Technorati... και των υπολοίπων, η blogging πλατφόρμα Tumblr λανσάρει τώρα κι αυτή το δικό της το κουμπί "Share On Tumblr" που επιτρέπει στους κατόχους ιστοσελίδων να το προσθέσουν και να μοιράζονται το περιεχόμενο τους στο Tumblr.

Η βασική λειτουργία του "κουμπιού" είναι ίδια με όλα τα υπόλοιπα που προαναφέραμε, αλλά διαθέτει κάποια προηγμένα χαρακτηριστικά όταν το "Share on Tumblr" ( κουμπί ) προστίθεται μόνο του και όχι μαζί με άλλα – social engagement buttons.

Με το "Share On Tumblr" οι διαχειριστές των ιστοσελίδων αποφασίζουν αν το περιεχόμενο τους θα εμφανίζεται ως Σύνδεσμος - Link, ως παράθεση - Quote, ως παρουσίαση βίντεο, για περιπτώσεις που υπάρχει βίντεο στην ανάρτησή σας - Video Embed, ή ως απλή φωτογραφία - Photo on Tumblr.



Το κουμπί είναι πλήρως ρυθμιζόμενο και μπορεί να εμφανιστεί οπουδήποτε στην ιστοσελίδα σας.

Αυτό που πρέπει να κάνετε είναι το εξής:

Θα περάσετε το παρακάτω script μέσα στο </body> της σελίδας σας.

<!-- Tumblr-Share-Button-Start-http://loneeagle110.blogspot.com/-->
<script type="text/javascript" src="http://platform.tumblr.com/v1/share.js"></script>
<!-- Tumblr-Share-Button-Stops-http://loneeagle110.blogspot.com/-->

Και το 2ο βήμα είναι να περάσετε έναν από τους παρακάτω κώδικες στο σημείο που θέλετε να εμφανίζεται το κουμπί σας.

4 Σχέδια σε μπλέ χρώμα.

Σχέδιο 1ο:

<!-- Tumblr-Share-Button-Start-http://loneeagle110.blogspot.com/-->
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
<!-- Tumblr-Share-Button-Stops-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:

Σχέδιο 2ο:

<!-- Tumblr-Share-Button-Start-http://loneeagle110.blogspot.com/-->
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:61px; height:20px; background:url('http://platform.tumblr.com/v1/share_2.png') top left no-repeat transparent;">Share on Tumblr</a>
<!-- Tumblr-Share-Button-Stops-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:

Σχέδιο 3ο:

<!-- Tumblr-Share-Button-Start-http://loneeagle110.blogspot.com/-->
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:129px; height:20px; background:url('http://platform.tumblr.com/v1/share_3.png') top left no-repeat transparent;">Share on Tumblr</a>
<!-- Tumblr-Share-Button-Stops-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:

Σχέδιο 4ο:

<!-- Tumblr-Share-Button-Start-http://loneeagle110.blogspot.com/-->
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:20px; height:20px; background:url('http://platform.tumblr.com/v1/share_4.png') top left no-repeat transparent;">Share on Tumblr</a>
<!-- Tumblr-Share-Button-Stops-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:

4 Σχέδια σε μαύρο χρώμα.

Σχέδιο 1ο:

<!-- Tumblr-Share-Button-Start-http://loneeagle110.blogspot.com/-->
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1T.png') top left no-repeat transparent;">Share on Tumblr</a>
<!-- Tumblr-Share-Button-Stops-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:

Σχέδιο 2ο:

<!-- Tumblr-Share-Button-Start-http://loneeagle110.blogspot.com/-->
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:61px; height:20px; background:url('http://platform.tumblr.com/v1/share_2T.png') top left no-repeat transparent;">Share on Tumblr</a>
<!-- Tumblr-Share-Button-Stops-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:

Σχέδιο 3ο:

<!-- Tumblr-Share-Button-Start-http://loneeagle110.blogspot.com/-->
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:129px; height:20px; background:url('http://platform.tumblr.com/v1/share_3T.png') top left no-repeat transparent;">Share on Tumblr</a>
<!-- Tumblr-Share-Button-Stops-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:

Σχέδιο 4ο:

<!-- Tumblr-Share-Button-Start-http://loneeagle110.blogspot.com/-->
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:20px; height:20px; background:url('http://platform.tumblr.com/v1/share_4T.png') top left no-repeat transparent;">Share on Tumblr</a>
<!-- Tumblr-Share-Button-Stops-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:

Στη περίπτωση που θέλετε να το προσθέσετε με τις επιπλέον δυνατότητες που διαθέτει, επισκεφτείτε την σελίδα του και επιλέξτε το Advanced στην επιλογή εμφάνισης και κάτω απο τις εικόνες προεπισκόπησης στο dropdown menu τη γλώσσα προγραμματισμού, ανάλογα με τις ανάγκες της σελίδας σας.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!