e-mail button στο blog σας


Κάποιος φίλος ρώτησε πως μπορεί να βάλει στο blog του ένα e-mail button.
Ένα "κουμπί" δηλαδή όπου πατώντας το ο επισκέπτης, να μπορεί να συνδέεται άμεσα στο πρόγραμμα που χρησιμοποιεί, και να στείλει mail στον διαχειριστή της ιστοσελίδας στην οποία βρίσκεται.
Είναι πολύ εύκολο, και τοποθετείται σαν widget στην sidebar του blog μας.
Υπάρχουν αρκετοί διαφορετικοί τρόποι που μπορούμε να χρησιμοποιήσουμε. Σήμερα θα σας δείξω δύο από αυτούς.
Ο πρώτος είναι πιο απλός, και εμφανίζεται σαν ένα απλό button, ενώ στην δεύτερη περίπτωση εμφανίζεται σαν εικονίδιο.
Στη δεύτερη περίπτωση, θα πρέπει να βρείτε ένα ανάλογο εικονίδιο, (μια εξερεύνηση στο google και θα βρείτε πολλά), και να το ανεβάσετε σε κάποιο site που φιλοξενούν φωτογραφίες, για να πάρετε από εκεί την διεύθυνση του εικονιδίου.Κάποια καλά sites για τέτοια δουλειά είναι τα:

http://www.freeimagehosting.net/
http://www.imageshack.us/
http://tinypic.com/

Ξεκινάμε λοιπόν από τον
Πίνακα ελέγχου --> Διάταξη --> Προσθήκη gadget --> Html/Javascript,
και τοποθετουμε εκεί έναν από τους δύο κωδικούς που ακολουθούν.



1.


<center><form>
<input
onclick="location.href='mailto:
ΕΔΩ ΓΡΑΦΕΤΕ ΤΟ MAIL ΣΑΣ'"
value="
ΕΔΩ ΓΡΑΦΕΤΑΙ ΤΙ ΘEΛΕΤΕ ΝΑ ΦΑΙΝΕΤΑΙ ΣΑΝ ΤΙΤΛΟΣ" type="button"/>
</form></center>

Αυτό θα φαίνεται έτσι


2.
<center><a href="mailto:ΕΔΩ ΓΡΑΦΕΤΕ ΤΟ MAIL ΣΑΣ">
<img width="
100" src="ΕΔΩ ΒΑΖΕΤΕ ΤΟ DIRECT LINK ΑΠΟ ΤΟ ΕΙΚΟΝΙΔΙΟ" height="100" title="ΕΔΩ ΓΡΑΦΕΤΑΙ ΤΙ ΘEΛΕΤΕ ΝΑ ΦΑΙΝΕΤΑΙ ΣΑΝ ΤΙΤΛΟΣ" /></a></center>

Αυτό θα φαίνεται έτσι




Τα κόκκινα γράμματα, τα αντικαθιστούμε γράφοντας το mail μας.
Στα πράσινα γράμματα γράφουμε τον τίτλο που θα έχουμε στο κουμπί μας. Π.χ. "Στείλτε μου e-mail" ή "e-mail me" ή τέλος πάντων ότι θέλετε εσείς.
Στην δεύτερη περίπτωση, στα γαλάζια γράμματα βάζετε το direct link του εικονιδίου που ήδη έχετε ανεβάσει, ενώ προσαρμόστε τις διαστάσεις που επιθυμείτε, αλλάζοντας τις τιμές με τα πορτοκαλί γράμματα.
Ένα έτοιμο link διεύθυνσης εικονιδίου, είναι αυτό:

http://www.freeimagehosting.net/uploads/843d5c71e3.jpg

Αν σας αρέσει μπορείτε να το χρησιμοποιήσετε.
Τέλος πατάμε αποθήκευση, προβολή ιστολογίου και χαρείτε το νέο σας e-mail button!




Add To Facebook Add To Twitter Add To Yahoo Stumble This Fav This With Technorati Add To Del.icio.us Digg This Add To Reddit

16 σχόλια:

Βδέλλα είπε...

πες μου όμως και που θα πάω να το βάλω σε παρακαλώ ....

Βδέλλα είπε...

γιατι σε ρωτάω γιατι οταν παταω προσθήκη gadget δεν μού βγάζει κανένα πίνακα html - αλλα ανοιγει ολοκληρη λίστα του blogger με τα αυτα που εχει να τα προσθέσω και εκει που λεει βαλε το δικό σου εχει μονο να βαλω διευθυνση λινκ - πολυ με έχει παιδεύψει αυτό το πράγμα -

η βοήθειά σου είναι πολύτιμη,
εν αναμονή της,...

ekabitis είπε...

Βδέλλα, θα το τοποθετήσεις σαν gadget.
Συνδέσου με τον λογαριασμό σου, και ακολούθα την διαδρομή "Σχεδίαση --> Προσθήκη Gadget --> HTML/Javascript (τέταρτη επιλογή)". Μέσα στο πλαίσιο που θα ανοίξει, κάνεις επικόλληση τον κωδικό.

Ανώνυμος είπε...

Κατι προβλημα υπαρχει ομως γιατι μολις το κανω αυτο που μου λες μετα μου βγαζει μεν το εικονιδιο αλλα απο κατω φαινεται ολο αυτο
height="100" title="ΕΔΩ ΓΡΑΦΕΤΑΙ ΤΙ ΘEΛΕΤΕ ΝΑ ΦΑΙΝΕΤΑΙ ΣΑΝ ΤΙΤΛΟΣ" ,ενω θα επρεπε να φαινεται μονο το .Καποιο λαθος πρεπει να εχει το html.

ekabitis είπε...

Ανώνυμε, κάτι λάθος θα κάνεις. Το δοκίμασα ξανά (μετά την παρατήρησή σου), και λειτουργεί κανονικά!

Face Buzzer είπε...

Antegrapsa akrivws ton kwdika alla otan me metaferei sto mail mou gia na grapsw kati, i dieuthinsi apostolis periexei kai tin frasi mailto....

ekabitis είπε...

Face Buzzer, κάτι λάθος κάνεις κατά την αντιγραφή. Όταν γράφεις το mail και τις άλλες πληροφορίες, πρόσεξε λίγο τα εισαγωγικά "---" να είναι στη σωστή θέση και να μην έχουν διαγραφεί. Συνήθως τέτοιο λάθος προκαλεί το συγκεκριμένο πρόβλημα.

Face Buzzer είπε...

Φιλε,το "mailto" μου το εμφανιζει μονο οταν παω να στειλω κατι μεσω του yahoo acount μου..στο gmail δουλευει τελεια..πως μπορω να βαλω στο e-mail button επιλογη κ για hotmail acount..???τωρα μου βγαζει μονο για yahoo κ gmail..σε ευχαριστω εκ των προτερων..

ekabitis είπε...

Face Buzzer, to e-mail button είναι για έναν και μόνο λογαριασμό, και απευθύνεται στους αναγνώστες που θα θελήσουν να επικοινωνήσουν μαζί σου. Προφανώς θα εννοείς κάτι άλλο, σχετικό με την Αλληλογραφία των Windows.
Για περισσότερες λεπτομέρειες, στείλε μου mail.

ΤΕΟ είπε...

Θερμες ευχαριστιες.

ekabitis είπε...

ΤΕΟ, σ΄ευχαριστώ από καρδιάς για τα καλά σου λόγια, και τις επισκέψεις σου.

Βδέλλα είπε...

θερμότατες ευχές !! Χάθηκα λίγο λόγο προβλημάτων υγείας, τώρα κάτι ετοιμάζω ... μόλις το τελειώσω θα τα ξαναπούμε !! Σε χαιρετώ !!

ekabitis είπε...

Βδέλλα, τις θερμότερες ευχές μου για ταχεία ανάρρωση. Καλή Χρονιά με περισσότερη υγεία και ευτυχία. Αναμένω.

Εύη είπε...

ΤΟ έβαλα και αυτό και μου αρέσει πολύ !!! στη θέση του είχα παλιά σκέτο το email link μου... ΣΕ ΕΥΧΑΡΙΣΤΩ ΠΟΛΥ ΚΑΙ ΠΑΛΙ ! :)

ekabitis είπε...

Η χαρά σας, χαρά μου Εύη. Να 'σαι καλά.

Eva Saga είπε...

Ευχαριστώ! Πολύ ωραίο, το πρόσθεσα! Έβαλα επίσης το blog σας στο blogroll μου για να σας βρίσκουν!
Καλό μήνα!
:0)

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