Αφού φτιάξαμε το νέο μας ιστολόγιο στο Blogger θέλουμε να χρησιμοποιήσουμε την φόρμα επικοινωνίας που έχει η πλατφόρμα σε ξεχωριστή σελίδα για να μπορούν οι αναγνώστες μας να επικοινωνούν μαζί μας. Φυσικά το widget επιτρέπει να την προσθέσουμε στην αριστερή μας μπάρα όμως εμείς θέλαμε να την έχουμε σε ξεχωριστή σελίδα. Δείτε το αποτέλεσμα στο μπλογκ μας στην σελίδα επικοινωνίας. Ας δούμε μαζί ποια βήματα ακολουθήσαμε για να το πετύχουμε.
1. Προσθέστε το Blogger Contact Form Widget στο sidebar.
2. Δημιουργήστε μια καινούρια σελίδα επικοινωνίας.
Αντιγράψτε τον παρακάτω κωδικό και τοποθετήστε τον στην καινούρια σελίδα επικοινωνίας που μόλις φτιάξατε, απαγορεύοντας τα σχόλια.
<form name='contact-form'> <div>Your Name : </div> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <div>Your Email: <em>(required)</em></div> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <div>Your Message: <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> </form>
3. Πηγαίνετε στο Template > Edit HTML
κάντε κλικ στο ContactForm Code και ανοίξτε της σειρές που υποδεικνύονται στο παρακάτω γράφημα
Τώρα, διαγράψτε τον κωδικό όπως δείχνει το παρακάτω σχήμα
έτσι ώστε να μείνει μόνο αυτός ο κωδικός
Κάντε save στο template σας. Με αυτόν τον τρόπο το Contact Form Widget δεν θα εμφανίζεται στο sidebar όμως θα λειτουργεί κανονικά στέλνοντας τα μειλ στην διεύθυνση που χρησιμοποιείτε σε αυτό το ιστολόγιο. Μην αφαιρέσετε το widget από την Layout Page.
Η καινούρια σελίδα επικοινωνίας πλέον έχει ενσωματωμένη την φόρμα επικοινωνίας η οποία στέλνει τα μειλ στην διεύθυνση που έχετε ορίσει κατά την δημιουργία αυτού του ιστολογίου.
Περισσότερα δείτε εδώ