How to create & add your own signature to your posts? |  Στάλες στο γαλάζιο ® <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisBwDrZ3kNY0OWCwTEde8XZegC5ZflS5qNpy-VFC2l9LYxBsy4BVQLGVxxCIg0huyBwz369xIYp-mAO6l0WgSDZ2_wbSk5HOGHhbGBSZWJbGf8gDh_tm8kJ5akSD6j0vp4o2aikOvr-tna/s72-c/signature+to+your+posts.jpg' rel='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiME6DVcbv3gKvBNmYAN6FDaLxToDKS-E4cTNSSmHJAS370hC-oKXqo1VtWSfx20ExDsIsLjKJppxnTl_N-7lJi_B4ZDQzj5BQ5TZ9fMdN27ybf3x0Yzs0Jd7JQo_Ar824kLqZbIbRkOUU/s640/Stales_sto_Galazio.jpg'/>

0


How to add your own signature to your posts
Αυτός είναι ένας πολύ απλός τρόπος για να προστεθεί η υπογραφή σας, κάτω από κάθε ανάρτηση του blog σας.

Αρχικά θα πρέπει να φτιάξετε την υπογραφή σας, μέσα από κάποιο πρόγραμμα επεξεργασίας εικόνας π.χ. Photoshop, PaintShopPro....κτλ.

Ας πάμε πρώτα να δούμε πως μπορείτε να την φτιάξετε και στη συνέχεια θα σας δείξω τον τρόπο πως θα την περάσετε στο blog σας.

Ίσως κάποιοι από εσάς, να μην έχουν το photoshop, επειδή το θεωρούν, δύσκολο πρόγραμμα, για αυτό το λόγο προτίμησα ένα online αντίστοιχο πρόγραμμα.
Θα επισκεφτείτε την σελίδα αυτή

Και ξεκινάμε βήμα-βήμα.

1. Στην υποδοχή του προγράμματος, έχει τρεις επιλογές για να διαλέξετε τι θέλετε να κάνετε.
Εσείς θα επιλέξετε την πρώτη "Create a new image".
Create your signature


2. Στο επόμενο παράθυρο που θα σας βγάλει, σας ζητάει να ορίσετε τις διαστάσεις της εικόνας που θέλετε να φτιάξετε.

Στο πρώτο πεδίο ( Presets ) έχει κάποιες τυποποιημένες διαστάσεις, αλλά παρακάτω, σας δίνει την δυνατότητα να δώσετε εσείς, τις δικές σας τιμές.

Αφού, δώσετε τις διαστάσεις πλάτος (width) και ύψος (Height) , θα τσεκάρετε το πεδίο που λέει Transparent, μόνο και μόνο για να έχει η υπογραφή σας, διάφανο υπόβαθρο.

Και θα πατήσετε ΟΚ.

Create your signature


3. Τώρα έχετε μπροστά σας ένα διάφανο layer, όπου θα γράψετε κάτι σαν υπογραφή.
Θα πάτε στα εργαλεία και θα επιλέξετε το εργαλείο κειμένου "Type tool"

Create your signature


4. Θα γράψετε το nickname σας, θα επιλέξετε χρώμα, μέγεθος γραμματοσειράς και γραμματοσειρά και θα πατήσετε ΟΚ.

Create your signature


5. Έφτασε η ώρα να σώσετε την εικόνα που δημιουργήσατε.
Από το οριζόντιο Μενού του προγράμματος θα πάτε στο File >>> Save και θα σας βγάλει το παράθυρο που βλέπετε παρακάτω.

Θα δώσετε το όνομα της εικόνας π.χ. signature, κατόπιν στις επιλογές μορφής αποθήκευσης αρχείου "Format" , θα επιλέξετε το PNG.

Και θα πατήσετε ΟΚ.

Create your signature


6. Εδω θα σας ζητηθεί να ορίσετε που ακριβώς θέλετε να σώσετε την εικόνα σας.
Επιλέξτε την επιφάνεια εργασίας σας για να την βρείτε εύκολα και πατήστε Αποθήκευση.

Create your signature


7. Ιδού το αποτέλεσμα.

Create your signature


Κατόπιν την ανεβάζετε μέσω του blogger, με την βοήθεια του Picasa, ή σε κάποιον από τους image hosting που υπάρχουν.

Και στις δύο περιπτώσεις θα πάρετε τον σύνδεσμο ( direct link ), όπου και θα χρησιμοποιήσετε στο επόμενο βήμα.

Αφού έχετε τον σύνδεσμο της εικόνας, θα κάνετε σύνδεση στο ιστολόγιό σας και θα πάτε στις Ρυθμίσεις - Settings.
Μέσα από τις Ρυθμίσεις θα βρείτε την Διαμόρφωση - Formatting και στο τελευταίο πεδίο της σελίδας το Πρότυπο Ανάρτησης - Post Template, θα επικολλήσετε τον παρακάτω κώδικα.

<p><image class="centered"alt="signature" src="...Your direct link image url..." /></p>


Αdd your own signature to your posts


Τέλος θα πατήσετε το πορτοκαλί κουμπάκι στο τέλος της σελίδας που λέει Αποθήκευση ρυθμίσεων - Save Settings

Τώρα σε κάθε Νέα Ανάρτηση που θα ανοίγετε θα είναι έτσι....

Πως εμφανίζεται στην....

Επεξεργασία Html:

Αdd your own signature to your posts


Σύνθεση:

Αdd your own signature to your posts


Οπότε αν, στο ιστολόγιο σας υπάρχουν πολλοί συντάκτες, μ' αυτό το τρόπο, θα μπορεί ο καθένας να χρησιμοποιεί την δική του υπογραφή, προσθέτοντας κάθε φορά που κάνει μια Νέα Ανάρτηση, το direct link στο σημείο του κώδικα ...Your direct link image url...

Σημείωση:

Αν δείτε να σας βγάζει περίγραμα γύρω από την εικόνα, τότε, θα πάτε στην Επεξεργασία HTML και με Ctrl + F θα κάνετε αναζήτηση για το σημείο μέσα στο css σας που λέει...


.post img, table.tr-caption-container {
padding:4px;
border:1px solid $bordercolor;
}


Και στο σημείο border:1px θα αλλάξετε την τιμή από 1 σε 0.

Τέλος, θα πατήσετε Αποθήκευση Προτύπου και επιστρέψτε στο ιστολόγιό σας.

Καλή Επιτυχία

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

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

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

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

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

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

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

 
Top
Blogger Tutorials

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