Η φόρμα επικοινωνίας υπάρχει στη λίστα με τα gadget, στην κατηγορία περισσότερα.
Διαλέγουμε σε ποιο σημείο θέλουμε να εμφανιστεί. Στην περίπτωση όμως που θέλουμε η φόρμα επικοινωνίας να φαίνεται σε κάποια σελίδα τότε θα πρέπει να κάνουμε μια μικρο-επέμβαση στον κώδικα του προτύπου του blogger.
1ο βήμα εισάγουμε το gadget
2o βήμα, κάνουμε
Διαλέγουμε σε ποιο σημείο θέλουμε να εμφανιστεί. Στην περίπτωση όμως που θέλουμε η φόρμα επικοινωνίας να φαίνεται σε κάποια σελίδα τότε θα πρέπει να κάνουμε μια μικρο-επέμβαση στον κώδικα του προτύπου του blogger.
1ο βήμα εισάγουμε το gadget
2o βήμα, κάνουμε
- Πρότυπο
- Επεξεργασία HTML
- Συνδιασμός πλήκτρων Ctrl + F
- Αναζητούμε το ]]></b:skin>
- Εισάγουμε τον κώδικα
.widget.ContactForm { display: none; } - Συνδιασμός πλήκτρων Δημιουργούμε μια νέα σελίδα
- Εισάγουμε τον παρακάτω κώδικα σε HTML
<div>Όνομα : </div> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <div>Email: <em>(required)</em></div> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <div>Μήνυμα: <em>(required)</em></div> <textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'/> <div style='text-align: center; max-width: 450px; width: 100%'> <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> </div>
- Διαγράφουμε το παρακάτω κώδικα
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου
Τα σχόλιά σας εδώ...