18.6.14

Blogger Tips: Πως βάζουμε εικόνα (header) στην επικεφαλίδα του blog μας και πως την κεντράρουμε.



Μερικοι απο μας αντι για τίτλο προτιμούν την εικόνα, άλλοι πάλι το αντίθετο . 
Αν και ήταν δύσκολο τις πρώτες μέρες που έφτιαξα το blog μου να τα κατανοήσω, 
στην πορεία μελετώντας διάφορα βοηθητικά site τα κατάφερα. 
Και είναι τόσο απλό!

Λοιπόν. Πάμε να δούμε πως βάζουμε μια είκόνα στην επικεφαλίδα μας.

Κατι δηλαδη σαν αυτο



Εισαγωγή εικόνας (header)

Aφου διαλέξετε και αποθηκεύσετε την εικόνα που θέλετε στον υπολογιστή 
σας πηγαίνετε στην ΔΙΑΤΑΞΗ
Πατάμε εκεί που γράφει κεφαλίδα (επεξεργασία) και μας ανοίγει αυτό το παράθυρο.




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

Πατήστε ΑΠΟΘΗΚΕΥΣΗ κ τελειώσατε.

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

Πιο κάτω σας δείχνω πως μπορειτε μέσω του κώδικα CSS να την βάλετε στο κέντρο.


Βημα 1

-Πάμε στην προσαρμογή προτύπου, επιλέγουμε ΠΡΟΗΓΜΈΝΗ και ΠΡΟΣΘΗΚΗ CSS.
Αν έχετε άλλο κώδικα εκεί μην σας απασχολήσει..
-Πηγαιντε κάτω κάτω και αφήστε ένα διάστημα για να βάλουμε τον κώδικα μας. 



Βημα 2


- Κανουμε copy-paste τον παρακάτω κώδικα


#Header1 {width:900px;margin:0 auto}


- Τσεκάρουμε αν ειναι ολα οκ στο μέγεθος και αν υπάρχει κάποια διαφορά τοτε δοκιμάστε να αλλάξετε τις αποστάσεις στην επιλογή ΠΡΟΣΑΡΜΟΓΗ ΕΥΡΟΥΣ.

-Πατάμε ΕΦΑΡΜΟΓΗ ΣΤΟ BLOG και τελειώσαμε.


20 σχόλια:

  1. Να και κάτι που δεν ήξερα! Επίσης έχω απορία αυτή η μικρή εικονίτσα που εμφανίζεται δίπλα στον τίτλο στο blogroll π.χ. καρδιά σε εσένα πώς μπαίνει.

    Καλό βράδυ!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Γιώργο μου, αν έχεις υπομονή θα το κάνω ανάρτηση σε λίγες μερες αυτό ... :)

      Διαγραφή
  2. Πολύ όμορφη η ιδέα σου να μας βοηθήσεις με το blog. Σε ευχαριστούμε!!! Καλή αρχή στην καινούργια ενότητα!!!
    Φιλούθκια

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Σε ευχαριστω πολυ Στελλα μου.
      Να εισαι καλα.
      ΦΙλακια

      Διαγραφή
  3. Εγώ είμαι για γέλια (και για κλάματα)!
    Νομίζω ότι είμαι από τους ελάχιστους που δεν κάνω αλλαγή στο μπλογκ. Δεν θυμάμαι τι έκανα την πρώτη φορά και δεν πειράζω τίποτα γιατί νομίζω ότι θα τα σακατέψω! αχαχα!
    Ακόμα και τη μικρή εικόνα που έβαλα ( μια κοπελίτσα που πετάει νομίζω )...δεν θυμάμαι ΠΩΣ την έβαλα!!!
    Πάντως νομίζω ότι ήσουν αρκετά κατανοητή !
    Μάκια!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Εσυ εισαι η εξαιρεση. Δεν χρειαζεσαι αλλαγες στο blog σου ουτε να θυμασαι πολλα.. Χαχαχαχ
      Αλλα αν χρεαστεις κατι... για ρωτα με να δουμε αν ξερω.. :p
      Μακια

      Διαγραφή
  4. Αν χρειαστώ βοήθεια να ελπίζω;
    μη νομίζεις.. απο blogs πολλά δε ξέρω!
    Καλό σου βράδυ Μαρία Fe!
    ενδιαφέρον ανάρτηση!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Εννοείται πως αν είναι κάτι που γνωρίζω μετά χαράς να σε βοηθήσω Μορφέα
      καλο ξημερωμα :)

      Διαγραφή
  5. Πολύ βοηθάει η νέα ενότητα που άρχισες Μαράκη,θα βοηθηθούν πολλές φίλες που όπως κι εγω στην αρχή ακόμα ψάχνονται,για μια σωστότερη εικόνα του μπλογκ τους.
    Φιλάκια και καλή συνέχεια

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Ελπίζω όντως να φανώ χρήσιμη κυρία Χαρά μου ...
      Φιλάκια

      Διαγραφή
  6. Καλημέρα Μαρακι μου γλυκο!
    Ευχαριστουμε τοσο πολυ! <3

    ΑπάντησηΔιαγραφή
  7. Μπράβο Μαράκι είναι όλα τόσο χρήσιμα καλά κάνεις και μας ξεστραβώνει!
    Πολλά φιλιά!

    ΑπάντησηΔιαγραφή
  8. Μαρία μου νομίζω ότι είναι χρήσιμες οι οδηγίες σου.
    Φιλάκια!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Το ελπιζω Ελενη μου.
      Καλημερα
      Φιλια

      Διαγραφή
  9. Καλημέρα! Ευχαριστούμε για τις αναλυτικές οδηγίες, Μαρία μου! :)

    ΑπάντησηΔιαγραφή
  10. Είχα αφήσει σχόλιο σ' αυτή την ανάρτηση, αλλά μάλλον χάθηκε, μιας και ο Mr. Blogger τελευταία κάνει τα δικά του!

    Ξανά αφήνω λοιπόν! Μαράκι μου, τελικά το έκανες! Δημοσίευσες τέτοια ανάρτηση! Έλα, και επόμενες παρακαλώ! Μια χαρά κατανοητή είσαι και χρήσιμα όλα όσα μας παρουσιάζεις! Φιλιά!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Χαχαχα Μαρακιιιιι..
      Ειχες κανει σχολιο στο προηγουμενι tip ! Και σου απαντησα κιολας..

      Διαγραφή

Τα σχόλια όλων είναι καλοδεχούμενα εφόσον δεν προσβάλλουν τον συγγραφέα και τον αναγνώστη,
Ευχαριστω