21 Μαρτίου 2016

Button X : Πώς να προσθέσετε κουμπιά στο Blog σας



- To Button X είναι μία εξαιρετική Online γεννήτρια Button CSS, που σας επιτρέπει να δημιουργήσετε όμορφα και κομψά κουμπιά. Απλά επιλέξτε ένα κουμπί από τη βιβλιοθήκη και μετά την ολοκλήρωση του σχεδιασμού σας κάντε κλικ στο ίδιο το κουμπί για να δείτε τους CSS και HTML κώδικες ή απλά κάντε κλικ στο κουμπί "Αντιγραφή κώδικα" για να αντιγράψετε τον κώδικα. O παραγόμενoς κώδικας θα λειτουργήσει στους περισσότερους browsers όπως Google Chrome, Firefox, Safari, Opera και Internet Explorer.

ΒΗΜΑΤΑ
Οδηγός για αρχάριους
1
Πατήστε στην αριστερή μεριά της της εφαρμογής επάνω στο μπουτόν που θέλετε να επεξεργστείτε και διαμορφώστε το μπουτόν σας ανάλογα με το γούστο σας επιλέγοντας και παραμετροποιώντας πολλές από τις διαθέσιμες παραμέτρους όπως το σχήμα η αντανάκλαση η γραμματοσειρά το χρώμα κ.λ.π.
2
Αυτό που θα χρειαστεί να κάνετε για να το προσθέσετε στο blog σας είναι μετά τη δημιουργία του κουμπιού να κλικάρετε πάνω κουμπί που φτιάξατε και  να αντιγράψετε τον κώδικα που βλεπετε μέσα στο κόκινο πλαίσιο.
3
Ωστόσο, πρίν κάνετε αντιγραφή, τον κώδικα, μπείτε στον πίνακα ελέγχου, επιλέξτε το Blog σας και κάντε κλικ στην επιλογή πρότυπο.
4
Κάντε κλικ στο κουμπί επεξεργασία HTML, και στην επόμενη καρτέλα πληκτρολογήστε CTRL+F και στο πεδίο αναζήτησης πληκτρολογήστε ]]></b:skin> κάντε τώρα αντιγραφή τον κώδικα του κουμπιού που δημιουργήσατε (τον βλέπετε μέσα στο κόκινο πλαίσιο) και κάντε τον επικόλληση πρίν από το ]]></b:skin> δείτε τη φωτογραφία, τέλος πατήστε αποθήκευση προτύπου.
5
Επιλέξτε τώρα την ανάρτηση για να προσθέσετε το μπουτόν, διαλέξτε HTML και προσθέστε τον κώδικα  <a href="#" class="myButton">Download</a> και όπου # βάζετε τον σύνδεσμο που θέλετε να κατευθύνεται ο αναγνώστης που θα πατήσει το μπουτόν. στο σημείο που θέλετε να φαίνεται. Αν επιθυμείτε να το προσθέσετε ως gadget απο τον πίνακα ελέγχου πάτε διάταξη προσθήκη gadget, HTML/JAVA SCRIPT και προσθέστε τον κώδικα στο σημείο που θέλετε να φαίνεται.

6
Τέλος  αν  δεν επιθυμείτε στα Βuttons σας να προσθέσετε κάποιο link βάλτε το κώδικα εκεί που θέλετε να εμφανίζεται ως Gadget ως εξής : 
<a class="myButton">Download</a> όπου Download θα εμφανίζεται το κείμενο που θα έχετε επιλέξει εσείς.




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