Add The Tumblr Share Button In WordPress. |  Στάλες στο γαλάζιο ® <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQz-D0WZZyq87oZZpKKpJzjfQ6K6Ka32dtSWMdNG3NmxvdBKfIsS6NylOJTEYAqIiWvQoy8ni-HJktPm4gecrAfRBFrsOOIL3szN37cydVtyhG8v5SfDhjtR0FUVv8668wf7fcZvvEHPs/s72-c/Tumblr+Share+Button.jpg' rel='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiME6DVcbv3gKvBNmYAN6FDaLxToDKS-E4cTNSSmHJAS370hC-oKXqo1VtWSfx20ExDsIsLjKJppxnTl_N-7lJi_B4ZDQzj5BQ5TZ9fMdN27ybf3x0Yzs0Jd7JQo_Ar824kLqZbIbRkOUU/s640/Stales_sto_Galazio.jpg'/>

0


Tumblr Share Button, JavaScript, PHP, Wordpress Tutorials

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


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

Δημοσίευση σχολίου Blogger

Παρακαλώ, την προσοχή σας ! ! !

* Εάν εντοπίσετε κάποιο πρόβλημα σε κάποια δημοσίευση (μη ενεργός συνδεσμος λ.χ. ή οτιδήποτε άλλο), παρακαλούμε κάντε τον κόπο να γράψετε στα σχόλιά σας, το οποιοδήποτε πρόβλημά σας, ώστε να προβούμε στην άμεση διόρθωσή του.
Επίσης, μπορείτε να αποστείλετε ένα "Ευχαριστώ" προς όσους ασχολήθηκαν & σας προσέφεραν ένα... κομμάτι από τη γνώση τους.

Παράκληση προς τους φίλους αναγνώστες-σχολιαστές:

* Να αποφεύγετε να γράφετε με greekglish γιατί τα σχόλιά σας ΔΕΝ θα γίνονται δεκτά.
* Αποφεύγετε το spamάρισμα στα σχόλια. - Please don't spam me!
* Σε περίπτωση που δεν έχετε καταλάβει κάτι, επικοινωνήστε μαζί μας μέσα από την φόρμα των σχολίων και θα σας απαντήσουμε σε εύλογο χρόνο, γι' αυτό ΜΗΝ καταφεύγετε στη αποστολή e-mail για τις όποιες απορίες σας.
* Χρησιμοποιήστε το Reply (που βρίσκεται κάτω από την εικόνα χρήστη), αν θέλετε να του απευθύνετε το λόγο, ή να απαντήσετε σε προυγούμενο σχόλιο.
* Το μέγιστο όριο χαρακτήρων είναι 4.096
* Τα σχόλιά σας θα δημοσιεύονται μετά τον απαραίτητο έλεγχο.

Σημείωση: Όσοι θέλετε να παίρνετε ειδοποιήσεις για τα σχόλια που κανετε, μην ξεχάσετε να τικάρετε το κουμπί "Να λαμβάνω ειδοποιήσεις"

Σας Ευχαριστούμε για την κατανόηση και την επίσκεψή σας.!

 
Top
Blogger Tutorials

Δημιουργήστε τώρα ένα ιδανικό ιστολόγιο, χωρίς να ξοδέψετε ούτε 1€.Περισσότερα από 500 tutorials είναι στη διάθεσή σας.
Οι διαχειριστές του ιστολογίου «Στάλες στο γαλάζιο» σας συμβουλεύουν...
Αποφεύγετε την οποιαδήποτε προσφερόμενη "βοήθεια" από τυχάρπαστους και κατ' επίφαση "web designers", που από ιδιοτέλεια και μόνο προσπαθούν να εκμεταλλευθούν την άγνοιά σας!!!
Με εκτίμηση
«Στάλες στο γαλάζιο»
:-)