Κυριακή, 26 Απριλίου 2009

ΕΝΣΩΜΑΤΩΣΗ ΕΙΚΟΝΑΣ ΣΤΟ BLOG συνέχεια

Εάν δεν βρίσκετε στην επεξεργασία HTML κάτι παρόμοιο με αυτό

#comments {margin:-25px 13px 0;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding-top:20px;
padding-$endSide:0;
padding-bottom:15px;
padding-$startSide:0;

δοκιμμασστε να αντιγράψετε αυτό απο εδώ και να το επικολλήσετε ακριβώς κάτω απο το
#comments
------------------------------------------
και συνεχίστε κανονικά

Πέμπτη, 23 Απριλίου 2009

ΕΝΣΩΜΑΤΩΣΗ ΕΙΚΟΝΑΣ ΣΤΟ BLOG

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

Πχ
Θα χρειαστούμε το link κάποιας φωτογραφίας σε προηγούμενη ανάρτηση είχαμε μιλήσει γι αυτό

Θέλουμε να βάλουμε μια φωτογραφία φόντο στο sidebar1
Πάμε στην επεξεργασία HTML και βρίσκουμε το sidebar 1
Θα είναι κάπως έτσι
#sidebar1 {
margin: 0px 10px 15px 10px;
padding: 0 0 0 0;
width: 150px;
text-align: left;
}

Μετά από το τελευταίο ερωτηματικό προσθέτουμε
background: URL(http://............................) repeat left top;
ανάμεσα από τις παρενθέσεις προσθέτουμε το linkτης εικόνας που θέλουμε να βάλουμε για φόντο και γίνεται κάπως έτσι

#sidebar1 {
margin: 0px 10px 15px 10px;
padding: 0 0 0 0;
width: 150px;
text-align: left; background: URL(http://............................) repeat left top;

}


Με την αποθήκευση πρότυπου η εικόνα μας έχει μπεί σαν φόντο στη μπάρα μας πίσω από τα gadget
Το κομάτι μετά την παρένθεση repeat left top
Μας λέει αν η φωτογραφία θα επαναλαμβάνετε η όχι και την αρχική της θέση που θα
Τοποθετηθεί η φωτογραφία οριζόντια και κάθετα.(χ και y)


Όλες οι εντολές επανάληψης που μπορούν να μπουν είναι
no-repeat (η εικόνα δεν θα επαναληφθεί )
repeat (θα επαναληφθεί οριζόντια και κάθετα)
repeat-x (θα επαναληφθεί μόνο οριζόντια)
repeat-y (θα επαναληφθεί μόνο κάθετα)

Όλες οι εντολές οριζόντιας θέσης
left (βάζει την αρχική εικόνα στην αριστερή πλευρά)
center (βάζει την αρχική εικόνα στο κέντρο)
right (βάζει την αρχική εικόνα στην δεξιά πλευρά)

Όλες οι εντολές κάθετης θέσης
top (βάζει την αρχική εικόνα στην κορυφαία θέση)
center (βάζει την αρχική εικόνα στο κέντρο)
bottom (βάζει την αρχική εικόνα στην κατώτατη θέση)

ΠΑΡΑΔΕΙΓΜΑ
Δοκιμάστε να βάλετε στα σχόλια σας πάντα στο πρόχειρο blog σας
Το παρακάτω φόντο .
Πάμε στη διεύθυνση
http://getawallpaper.com/
διαλέγουμε μία φωτογραφία πατάμε πάνω της μέχρι να εμφανιστεί σε μεγάλο μέγεθος
πάνω απ τη γραμμή διευθύνσεων αντιγράφουμε τοlink της φωτογραφίας ας πούμε http://getawallpaper.com/categories/Flowers/Bunch-of-Flowers/11.jpg
βρίσκουμε στην επεξεργασία html
το σημείο που λέει #comments

και είναι κάπως έτσι (με λιγότερες η περισσότερες επιλογές )

#comments {
margin:-25px 13px 0;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding-top:20px;
padding-$endSide:0;
padding-bottom:15px;
padding-$startSide:0;



μετά το τελευταίο ερωτηματικό προσθέτουμε
background: URL(http://getawallpaper.com/categories/Flowers/Bunch-of-Flowers/11.jpg) repeat left top;

και γίνεται

#comments {
margin:-25px 13px 0;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding-top:20px;
padding-$endSide:0;
padding-bottom:15px;
padding-$startSide:0;
background: URL(http://getawallpaper.com/categories/Flowers/Bunch-of-Flowers/11.jpg) repeat left top;


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

Το ίδιο μπορούμε να κάνουμε και σε άλλα σημεία του blog μας
Όπως πίσω απ την ανάρτηση post-body και άλλα Post, outer-wrapper, sidebar.link , Comment Header, Header, body, κτλ

Δευτέρα, 13 Απριλίου 2009

Κλώνος

Πρίν αναρτήσω το επόμενο θέμα θα ήθελα προς αποφυγή προβλημάτων να κάνουμε όλοι
όσοι θέλουν να ασχοληθούν με τα διάφορα θέματα της HTML ένα κλώνο του blog μας και να δουλεύουμε πάνω σε αυτό έτσι δεν θα κάνουμε από λάθος ζημιά στο κανονικό μας blog
Χρειάζεται κάποιο χρόνο αλλά δεν είναι τόσο δύσκολο

  1. Δημιουργούμε ένα νέο ιστολόγιο ας πούμε με το όνομα ΠΑΡΑΠΟΛΙΤΙΚΆ ΔΥΟ χρησιμοποιώντας το ίδιο πρότυπο με το blόg μας.
  2. Πάμε επεξεργασία προφίλ επιλογή ιστολογίων για εμφάνιση και ξετσεκάρουμε το νέο μας ιστολόγιο(δεν χρειάζεται να βλέπουν όλοι τι κάνουμε)
  3. Αφήνουμε για λίγο το νέο μας ιστολόγιο και στο κανονικό μας ποιά πάμε ΡΥΘΊΣΕΙΣ
    και πάνω δεξιά( εξαγωγή ιστολογίου) (Λήψη ιστολογίου)(Αποθήκευση)
    αποθηκεύουμε σένα φάκελο στα εγγραφά μας τον οποιο ονομάζουμε κλώνος
  4. Στη συνέχεια επανερχόμαστε στο νέο ιστολόγιο και κάνουμε το αντίστροφο
    (ΡΥΘΊΣΕΙΣ)( εισαγωγή ιστολογίου)(Αναζήτηση)(Τα εγγραφά μου ) βρίσκουμε το φάκελο με το όνομα κλωνος τον ανοίγουμε επιλέγουμε το αρχείο
    και πατάμε Άνοιγμα
  5. Μετά την λεκτική επαλήθευση τσεκάρουμε Αυτόματη δημοσίευση όλων των αναρτήσεων που έχουν εισαχθεί (αν δεν το τσεκάρουμε θα μας ζητηθεί να επιλέξουμε ποιές θέλουμε να δημοσιευτούν)και Εισαγωγή ιστολογίου

Όλες οι αναρτήσεις μας μαζί με τα σχόλιά έχουν αναρτηθεί στο νέο ιστολόγιο

Προσοχή μόνο αναρτήσεις και σχόλια και όχι τα gadget

Τώρα έχουμε ένα βοηθητικό ιστολόγιο για να κάνουμε όσες δοκιμές θέλουμε.

Επίσεις για τις δοκιμές των διαφόρων κωδικώνHTMLόπως έχουμε ξαναπεί

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



Κυριακή, 12 Απριλίου 2009

photobucket

Πολλοί θα θέλανε να μην ψάχνουν στο ίντερνετ για να βάλουν διάφορες φωτογραφίες (πίσω από το κείμενο στις αναρτήσεις τους φόντο στα gadget τους η και φόντο στο blog τους ) αλλα να μπορούν να βάλουν δικιές τους.

σε επόμενη ανάρτηση θα δούμε πώς γίνονται όλα αυτά

Σήμερα θα δούμε που μπορούμε να αποθηκεύσουμε δικές μας φωτογραφίες στο ίντερνετ
και απο εκεί να τις βάζουμε στο blog μας είτε σαν φωτογραφίες στις αναρτήσεις μας με τη χρήση του link είτε με τη χρήση κωδικούHTML

Αν κάνουμε ένα Banerγια το blog μας και το ανεβάσουμε στο χώρο αυτό ,αυτόματα
από εκεί μπορούμε να πάρουμε κωδικό HTML γι αυτό
ένας χώρος που μπορούμε να ανεβάσουμε φωτογραφίες και να κάνουμε δικά μας
Album είναι και το photobucket

http://photobucket.com/

Θα χρειαστεί να κάνουμε ένα λογαριασμό με κωδικό για να έχουμε πρόσβαση .

Δευτέρα, 6 Απριλίου 2009

Επιλογή ιστολογίων προς εμφάνιση

Με αφορμή που πολλοί φίλοι γίνονται αναγνώστες στα blog μου και δεν εμφανίζονται τα ιστολόγιά τους για να τους επισκεφθώ ανάρτησα το επόμενο κείμενο

Όλοι μα ς ξέρουμε το προφίλ μας

Έχουμε όλοι ένα η περισσότερα ιστολογία, για να μπορέσει ό οποιοσδήποτε αναγνώστης να δει τα ιστολόγια σας πρέπει να εμφανίζονται στο προφίλ σας
Αυτό γίνεται από την επεξεργασία προφίλ πατάμε Επιλογή ιστολογίων προς εμφάνιση και τσεκάρουμε ποια θέλουμε να είναι ορατά στο κοινό

Επίσης εκεί που είστε γραμμένοι σαν αναγνώστες αν δεν φαίνονται τα ιστολόγιά σας πρέπει αφού κάνετε το προηγούμενο να ανοίξετε μια φορά απ το πανόπτη την διαχείριση κάπου χαμηλά είναι και να κάνετε έλεγχο στις ρυθμίσεις του κάθε ιστολογίου που παρακολουθείτε δίπλα στην φωτογραφία σας κάτω απ τη λέξη σύνδεσμοι αν έχετε επιλέξει ιστολόγια προς εμφάνιση
Συνήθως μπαίνουν αυτόματα όσα έχετε επιλέξει για εμφάνιση στο προφίλ σας

Πέμπτη, 2 Απριλίου 2009

Blogspot Templates


¨Εχετε βαρεθεί την εμφάνιση του blog ?Δεν σας ικανοποιεί το κλασικό και έύκολο html και
θέλετε κάτι διαφορετικό ?
Εδώ θα βρείτε ότι ψάχνετε πολύπλοκα και δύσκολα αλλα πολύ όμορφα Blogspot Templates
διαλέξτε και πατήστε Download Template
Αποθηκέψτε στο σκληρόσας δίσκο
μετά πάντε ΔΙΑΤΑΞΗ -ΕΠΕΞΕΡΓΑΣΊΑ HTML
Πριν επεξεργαστείτε το πρότυπό σας, ΠΡΈΠΕΙ αποθηκεύσετε ένα αντίγραφο.Ληψη πλήρους
πρότυπου
για ποιό πολύ ασφάλεια πάντα να εργάζεστε σε ένα δοκιμαστικό μπλόγκ και μετά να δουλευετε πάνω στο κανονικό
αφου κάνουμε όλα αυτά πάμε Μεταφόρτωση προτύπου από αρχείο στο σκληρό σας:
στην αναζήτηση ψάχνουμε που έχουμε αποθηκέψει το HTML που είχαμε κάνει Download απο την σελίδα.
όταν το βρούμε πατάμε μεταφόρτωση. Στη συνέχεια προεπισκόπηση αν μας ικανοποιεί αποθήκευση προτύπου

ΟΙ ΦΙΛΟΙ ΜΟΥ

ΒΑΘΜΟΛΟΓΗΣΤΕ