Αλλαγή ή Προσθήκη εικόνας για background στο ιστολόγιό σας.

Κάθε νέος blogger που ξεκινά να φτιάξει το ιστολόγιο του, μία από τις πρώτες του ενέργειες είναι να μπορέσει να προσθέσει μία από τις αγαπημένες του εικόνες ή κάποια που τον εκφράζει ως φόντο, με βάση την θεματολόγια του ιστολογίου του.
Βλέπει γύρω του τ' άλλα ιστολόγια ως "καλύτερα" από το δικό του & κοιτάζει με κάθε τρόπο να κάνει & το δικό του έτσι.
Κι ότι βρίσκει από δω κι από κει, το προσθέτει στη σελίδα του, χωρίς πολύ σκέψη, μόνο & μόνο να βάλει κι αυτός την δική του πινελιά.

Κάποιες φορές αυτό αγγίζει τα όρια της υπερβολής, & κάποιες άλλες τα χει ξεπεράσει...

Φυσικά υπάρχουν & κάποιοι που έμαθαν στα γεράματα το δεξί "κλικ" & προβολή κώδικα σελίδας και κάνουν αντιγραφή όλο το κώδικα & τον περνάνε στη σελίδα τους.
Εκεί ότι & να πείτε θα 'χετε δίκιο, αλλά δεν υπάρχει περίπτωση να βγάλετε άκρη κι αυτό το λέω εκ πείρας.
Μου έτυχε να δω όλο το ιστολόγιο μου σε κάποια άλλη σελίδα, με όλα τα gadgets, οπότε μη γελάτε & μην λέτε ότι δεν γίνονται αυτά!!

Δυστηχώς ΥΠΑΡΧΟΥΝ κι αυτοί και ΖΟΥΝ ανάμεσα μας!!!

Μια συμβουλή...Κοιτάξτε να είστε ο ευατό σας & να βάζετε αυτά που σας εκφράζουν ή αυτά που σας αρέσουν, χωρίς να αντιγράφετε από τον έναν ή τον άλλον.

Γιατί ο κάθε blogger δημιούργησε το ιστολόγιο του, με βάση το γούστο & το μεράκι του, παράλληλα με τη θεματολογία του & τα χρώματα της σελίδας του.
Έτσι όλα αυτά που έφτιαξε, βρήκε και πρόσθεσε, βάδισε μ'όλα τα παραπάνω στοιχεία.

Οπότε "Αν" Εσείς πάρετε κάτι "δικό του" ίσως να μην κολλάει στη σελίδα σας κι αντί να την βελτιώσετε, να της χαλάσετε την γενική εικόνα.

Όλα αυτά είναι προσωπικές απόψεις & δεν επιμένω να τις υιοθετήσετε.

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

Ας πάμε να δούμε τους τρόπους σιγά-σιγά....

1ος ΤΡΟΠΟΣ:

Εδώ θα σας δείξουμε τον πιο εύκολο τρόπο για να το αλλάξετε χωρίς να μπείτε στην διαδικάσια να προσθέτετε κώδικες μέσα στο html σας & αργότερα να μην θυμάστε τι & που είχατε προσθέσει.
Παράλληλα δε, έχετε την δυνατότητα όποτε θέλετε να αλλάζετε την εικόνα, αντικαταστώντας την με καινούργια, όπως κι αν το βαρεθήτε να καταργήσετε τελείως το gadget (HTML/JavaScript) & να επιστρέψετε στην αρχική σας εμφάνιση.

<style type="text/css">body {background-image: url(".....Direct link Image....."); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:10px; top:30px; z-index:50;width:172px; height:51px;"></div>

Σχέδια που σας έχουμε προσφέρει....

Δείτε τις παρακάτω αναρτήσεις.

Part 1 Part 2 Part 3

2ος ΤΡΟΠΟΣ:

Τώρα πάμε στα δύσκολα...

Την προσοχή σας παρακαλώ!!!

Λοιπόν πρώτα απ'όλα θα κρατήσετε ΒackUp το template σας.

θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML θα τσεκάρετε το πεδίο Επέκταση προτύπων γραφικών στοιχείων και θα κοιτάξετε κατεβαίνοντας σιγά-σιγά & με προσοχή το παραθυρο που είναι το html σας, για να βρείτε κάτι σαν τον παρακάτω κώδικα

body{
margin:0px;
padding:0px;
font: x-small Verdana, Geneva, sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
background:#fff url(http://4.bp.blogspot.com/.....bgr_main.png) repeat-x center top;
color:$textcolor;
}

Αυτό θα το βρείτε μέσα στο css του html & σχεδόν στην αρχή όλου του κώδικα & πρίν το /* HEADER */ , φυσικά αυτό δε είναι στάνταρ αλλά σας λέω την θέση που συνήθως το βάζουν όλοι οι σχεδιαστές ιστοσελίδων.

Μπορεί να υπάρχει μπορεί κι όχι....

Στην περίπτωση που δε θα υπάρχει θα πρεσθέσετε εσείς τον παρακάτω πριν το /* HEADER */.

body {
margin : 0;
font : 13px tahoma, arial, helvetica, sans-serif;
background : transparent url(.....your image direct link....) repeat scroll 0 0;
}

Θα κάνετε προεπισκόπηση κι αφού δε σας βγάλει λάθος & το αποτέλεσμα είναι το επιθυμητό, τότε θα πατήσετε Αποθήκευση προτύπου.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!