Καλησπέρα σε όλους, σήμερα θα δούμε ένα πολύ απλό τρόπο που μπορούμε να ενσωματώσουμε στο blog μας μια φόρμα επικοινωνίας για να μπορούν οι αναγνώστες να μας στέλνουν τα μηνύματα που θέλουν μέσω αυτής της φόρμας.
Θεωρώ ότι πρέπει να υπάρχει σε κάθε blog μια φόρμα επικοινωνίας, ο κυριότερος λόγος είναι ότι θα μπορεί ο χρήστης να επικοινωνήσει άμεσα μαζί μας συμπληρώνοντας τα πεδία της φόρμας και χωρίς να χρειάζεται να συνδεθεί στο λογαριασμό του προσωπικού του email. Επίσης ένας άλλος βασικός λόγος είναι ότι δεν θα χρειάζεται να εμφανίζετε το email στην σελίδα μας και κατά συνέπεια δεν θα μπορούν τα bot να διαβάζουν το email, με αυτό το τρόπο θα αποφύγουμε σε πολύ μεγάλο βαθμό το spam που στις μέρες μας έχει πάρει τεράστιες διαστάσεις.
Μπορείτε να δείτε την φόρμα που φαίνεται πατώντας εδώ: http://lefta4klik.blogspot.gr/2012/11/epikinonia.html
Στο τέλος του παρόν άρθρου θα δείτε ένα δικό μου οδηγό βίντεο που θα σας βοηθήσει να προσθέσετε και εσείς την φόρμα.
Διαδικασία προσθήκης φόρμας επικοινωνίας:
Αν δυσκολεύεστε δείτε τον οδηγό βίντεο που έφτιαξα όπου κάνω την όλη διαδικασία:
Θεωρώ ότι πρέπει να υπάρχει σε κάθε blog μια φόρμα επικοινωνίας, ο κυριότερος λόγος είναι ότι θα μπορεί ο χρήστης να επικοινωνήσει άμεσα μαζί μας συμπληρώνοντας τα πεδία της φόρμας και χωρίς να χρειάζεται να συνδεθεί στο λογαριασμό του προσωπικού του email. Επίσης ένας άλλος βασικός λόγος είναι ότι δεν θα χρειάζεται να εμφανίζετε το email στην σελίδα μας και κατά συνέπεια δεν θα μπορούν τα bot να διαβάζουν το email, με αυτό το τρόπο θα αποφύγουμε σε πολύ μεγάλο βαθμό το spam που στις μέρες μας έχει πάρει τεράστιες διαστάσεις.
Μπορείτε να δείτε την φόρμα που φαίνεται πατώντας εδώ: http://lefta4klik.blogspot.gr/2012/11/epikinonia.html
Στο τέλος του παρόν άρθρου θα δείτε ένα δικό μου οδηγό βίντεο που θα σας βοηθήσει να προσθέσετε και εσείς την φόρμα.
Διαδικασία προσθήκης φόρμας επικοινωνίας:
- Σύνδεση στο λογαριασμό μας στο blogger και επιλογή του blog που θέλουμε να βάλουμε την φόρμα επικοινωνίας.
- Από το μενού πατάμε "Διάταξη" και "Προσθήκη gadget".
- Από το κάθετο μενού του παράθυρου που ανοίγει πατάμε την δεύτερη επιλογή "Περισσότερα Gadget" επιλέγουμε αυτό που γράφει "Φόρμα επικοινωνία" και αποθήκευση.
- Βάζουμε το gadget ακριβώς πάνω από τις "Αναρτήσεις ιστολογίου" και πατάμε αποθήκευση διάταξης που βρίσκετε πάνω δεξιά.
- Ακολούθως από το μενού πατάμε "Πρότυπο" και " Επεξεργασία HTML"
- Μας ανοίγει ο κώδικας του προτύπου, βάζουμε τον κέρσορα κάπου μέσα σε αυτό και πατάμε Ctrl + F, στο παράθυρο search που ανοίγει αναζητούμε το "]]></b:skin>" πατώντας το πλήκτρο Enter
- Αφού το βρούμε επικολλούμε ακριβώς από πάνω του την πιο κάτω γραμμή κώδικα, πατάμε αποθήκευση προτύπου και κλείνουμε
.widget.ContactForm {
display: none;
}
- Τέλος πάμε στη σελίδα επικοινωνίας (αν δεν έχουμε μπορούμε να δημιουργήσουμε μία), σε αυτή την σελίδα επιλέγουμε την λειτουργία "HTML" πάνω δεξιά, αντιγράφουμε και επικολλούμε σε αυτή τον πιο κάτω κώδικα:
<style type="text/css">
.widget.ContactForm {
display: block;
}
.post-footer {
display: none;
}
#blog-pager {
display: none;
}
.blog-feeds {
display: none;
}
.widget.ContactForm .title {
display: none;
}
.widget.ContactForm * {
max-width: 100%;
}
</style>
Πατάμε ενημέρωση και είμαστε έτοιμη!Αν δυσκολεύεστε δείτε τον οδηγό βίντεο που έφτιαξα όπου κάνω την όλη διαδικασία:
palikari kalispera poly kali doyleia stino ena diko moy blog koitontas tis voitheies soy alla.., ton sigekrimeno kodika dn moy ton emfanizei afoy ton kanw copy paste sto search box.. ti allo tha mporoysa na kanw???
ΑπάντησηΔιαγραφήκαλησπέρα φίλε μου, δεν κατάλαβα τι εννοείς, στο πιο πάνω οδηγό δείχνω πως να βάλουμε μια φόρμα επικοινωνίας, δες το βίντεο και πιστεύω πως δεν θα έχεις κάποιο θέμα!
Διαγραφή