Blogger Tips - Tricks - Gadgets - Templates

Ακόμη και αν δεν είστε εξοικειωμένοι με τον προγραμματισμό μπορείτε να φτιάξετε μια βασική ιστοσελίδα σε HTML5 αρκετά εύκολα.Απλά ανοίξτε το notepad και επικολλήστετον ακόλουθο κώδικα:

<!DOCTYPE HTML>
<html lang = "en">
<head>

<title>basic.html</title>
<meta charset = "UTF-8" />
</head>
<body>
<h1>Bloggertips</h1>
<p>
www.bloggertips.gr
</p>

</body>
</html> Για να φτίαξετε μια βασική ιστοσελίδα σε HTML5 ακολουθήστε αυτά τα βήματα:
(1)Ξεκινήστε με το doctype.

Ορίστε το doctype με αυτή την ετικέτα <!DOCTYPE HTML> στην πρώτη γραμμή του κειμένου.Εάν το παραλείψετε πιθανά να μπορείτε ακόμα να χρησιμοποιήσετε τισ δυνατότητες της HTML5 αλλά μπορεί να υπάρξει πρόβλημα καθώς ο υπολογιστής σε ορισμένες περιπτώσεις θα προσπαθήσει να μαντέψει εάν πρόκειται για HTML5 ή για XHTML.
(2)Προσθέστε την ετικέτα <html> και ορίστε τη γλώσσα.

Αυτή η ειδική ετικέτα ορίζει την αρχή της ιστοσελίδας.Είναι καλύτερο να ορίσετε σε ποια γλώσσα είναι γραμμένη κάνοντας το εξής: specify lang = "en"
Σιγουρευτείτε ότι έχετε ένα </html> στο τέλος της ιστοσελίδας αφού αυτή η ετικέτα ορίζει το τέλος της.
(3)Δημιουρήστε την περιοχή <head>.

Η περιοχή <head> είναι σαν την μηχανη ενος αυτοκινητου.Οι ανθρωποι συνηθως δεν την κοιτανε αλλα σε αυτη οφειλεται η σωστη λειτουργια του αυτοκινητου.Σε αυτό το παράδειγμα η περιοχη αυτη ειναι αδεια,ομως αφου εξελιξετε τις ικανοτητες σας θα γεμισει με JavaScript και CSS.
(4)Ορίστε το είδος των χαρακτήρων.

Θεωρείται καλό να αφήνετε τον φυλλομετρητή σας να επιλέξει τι είδος χαρακτήρων να χρησιμοποιήσει όταν εμφανίζεται η ιστοσελίδα.Οι ιστοσελίδες που είναι γραμμενες στα αγγλικα αλλά και στα ελληνικά συνηθως εχουν τον εξης τυπο:UTF-8.
(5)Προσθέστε σχόλια.

Τα σχόλια δεν είναι απολύτως απαραίτητα, αλλά είναι συχνα πολυ βοηθητικα.Στην HTML5 τα σχόλια αρχίζουν με <-! καιαι στο τέλος με →.Τα σχόλια μπορούν να διαρκέσουν για αρκετές γραμμές.

(6)Βάλτε τίτλο με το <title></title>.

Ο τίτλος εμφανίζεται συνήθως στη γραμμή τίτλου του φυλλομετρητη στο Web, και επίσης συχνά εμφανίζεται στα αποτελέσματα των μηχανών αναζήτησης για τη σελίδα σας.
(7)Τοποθετήστε το μεγαλύτερο μέρος του κειμένου σε παραγράφους.

Τοποθετήστε κάθε πρόταση μέσα σε ένα ζεύγος <p></ p>. Αν και η HTML5 δεν απαιτεί χρήση των ετικετών παραγράφου, κάνουν πολύ πιο εύκολο να διαχειριστεί την εμφάνιση και τη συμπεριφορά του κειμένου σας αργότερα.
(8)Αποθηκεύστε το αρχείο σας με την επέκταση .html

Μπορείτε στη συνέχεια να φορτώσετε το αρχείο σας σε ένα πρόγραμμα περιήγησης για να δείτε πώς φαίνεται.
Ορισμένα στοιχεία (ειδικότερα οι τίτλοι) τείνουν να έχουν ένα συγκεκριμένο οπτικό στυλ. Τα προεπιλεγμένα στυλ υπάρχουν μόνο ως κατευθυντήριες γραμμές. Αποφύγετε τον πειρασμό να βάλετε τίτλους με βάση την εμφάνισή τους.

Υ.Γ. Για όποια απορία έχετε μην διστάσετε να μου αφήσετε σχόλιο και θα προσπαθήσω να απαντήσω το συντομότερο.

Δωρεάν online tv στο site σου. Gadget με online όλα τα ελληνικά τηλεοπτικά κανάλια στο Blog σας!

Δωρεάν online Greek Tv στο site ή blog σου.
Προσθέστε στο site σας το παρακάτω widget, ώστε να μπορούν οι επισκέπτες σας να βλέπουν online ελληνικές και ξένες σειρές, καθώς και άλλες τηλεοπτικές εκπομπές.
Είναι ένα πολύ ελαφρύ, αλλά και πολύ χρήσιμο widget, που πρέπει να έχουν όλα τα blogs' ειδικά όσα ασχολούνται με την επικαιρότητα ή την Τv.

Δείτε στο τέλος της ανάρτησης τον πίνακα που θα εμφανίζεται

Τι κερδίζεις βάζοντας αυτόν το πίνακα στο blog ή στο site σου?
Ο κώδικας του πίνακα είναι γεμάτος με λέξεις κλειδιά keywords (υπάρχουν τρεις σειρές με κόκκινο μέσα στον κώδικα για παράδειγμα)
Αυτές η λέξεις κλειδιά θα αυξήσουν την επισκεψιμότητα στο blog ή site σας και θα ανεβάσει την κατάταξη του στις μηχανές αναζήτησης. Έλληνες από Ελλάδα και εξωτερικό ψάχνουν για ελληνικά τηλεοπτικά κανάλια ζωντανά από το ίντερνετ δωρεάν γιατί τα συνδρομητικά κοστίζουν .

Το widget μπορείτε να το προσθέσετε απλά, ακολουθώντας τα παρακάτω βήματα:

1. Αρχικά ανεβάσετε μια ανάρτηση στο blog σας με τον παρακάτω κώδικα χρησιμοποιώντας το HTML στην επεξεργασία του κειμένου .
Μετά πάμε :

2. Σχεδίαση

3. Προσθήκη gadget
4. HTML/JavaScript
5. Επικόλληση και Αποθήκευση του παρακάτω κώδικα :

όπου είναι η τοποθέτηση μίας εικόνας
στην αρχική σελίδα του blog σας που να παραπέμπει στην ανάρτηση σας σε νέα καρτέλα.
Είναι ο κώδικας 1

1 ΚΩΔΙΚΑΣ GADGET

Με μπλέ χρώμα είναι οι διαστάσεις της φωτογραφίας αν χρειαστεί της ρυθμίζεται
Με κόκκινο χρώμα το link της ανάρτησης που ανεβάσατε.

Με μόβ χρώμα είναι το link της φωτογραφίας, αν θέλετε την αλλάζετε βάζοντας το link μίας δικιά σας

2 ΚΩΔΙΚΑΣ HTML στην επεξεργασία του κειμένου

Τοποθέτηση ενεργού Link του δικού σας blog ή Site ακριβώς πάνω από τον πίνακα!

π.χ.

Bloggertips.gr