Δημιουργία φόρμα επικοινωνίας

Η φόρμα επικοινωνίας υπάρχει στη λίστα με τα gadget, στην κατηγορία περισσότερα.
Διαλέγουμε σε ποιο σημείο θέλουμε να εμφανιστεί. Στην περίπτωση όμως που θέλουμε η φόρμα επικοινωνίας να φαίνεται σε κάποια σελίδα τότε θα πρέπει να κάνουμε μια μικρο-επέμβαση στον κώδικα του προτύπου του blogger.

1ο βήμα εισάγουμε το gadget

2o βήμα, κάνουμε
  1. Πρότυπο 
  2. Επεξεργασία HTML
  3. Συνδιασμός πλήκτρων Ctrl + F
  4. Αναζητούμε το ]]></b:skin>
  5. Εισάγουμε τον κώδικα
    .widget.ContactForm {
     display: none;
     }
     
  6. Συνδιασμός πλήκτρων Δημιουργούμε μια νέα σελίδα
  7. Εισάγουμε τον παρακάτω κώδικα σε 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>

  8. Διαγράφουμε το παρακάτω κώδικα

Δεν υπάρχουν σχόλια:

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

Τα σχόλιά σας εδώ...