Placer une Bannière en tête de blog

  
Avoir une jolie entête de présentation pour votre blog n'est pas très compliqué, suivez le guide ...
  
 
Trouver ou fabriquer l'image
 
Une image fabriquée par vous même est tout à fait possible, il vous suffit d'utiliser vos photos et n'importe quel logiciel de travail d'image, Paint ou Photofiltre par exemple.
 
La taille de votre image dépendra de la taille de votre blog, il vous faut donc au préalable réaliser votre design de blog et décider la largeur que vous donnerez à votre blog, il n'y a pas de règle générale mais pensez que tous vos visiteurs n'ont pas le même écran que vous, il faut donc que votre blog soit agréable à regarder même pour des petits écrans. Vous pouvez enregistrer votre image en plusieurs tailles et faire des tests, cela prend du temps mais cela vous garantira un bon résultat.
  
Vous préférez obtenir une bannière toute faite ou un fond de base ?
Vous pouvez demander à l'un des bloggeurs bénévoles de vous assister, rendez vous sur le forum Over-blog, dans la partie design, et regardez les propositions dans le fil de présentation des créateurs de bannières, ce fil reste en permanence dans la partie haute du forum design, en couleur orange.
 
 
Héberger votre image
   
Une fois votre image créée, vous devez l'héberger sur le net, pour les niveaux privilège et premium pas de problème quel qu'en soit la taille, utilisez vos répertoires Over-blog, n'oubliez pas de décocher la case d'optimisation avant de charger votre image.
 
Pour le niveau confiance, il vous faudra vous contenter de la dimension maximum autorisée, mais vous avez également la possibilité d'héberger votre image ailleurs, voir la liste de la FAQ
 
 
Placer votre image dans l'entête de votre blog
 
Dans l'administration de votre blog, cliquez l'icône "configurer", choisissez ensuite le bloc d'en-tête, vous voilà dans l'éditeur qui vous permettra de travailler votre entête.
 
Si vous désirez placer un lien de retour vers votre page d'accueil inséré dans votre bannière, voir cette explication.
 
Vous pouvez également placer cette image dans votre CSS (pour utilisateurs avertis), le principe est le même que pour un fond de blog mais la partie à modifier se trouve dans :
 /* entete */ 
 

  

publié dans : Design communauté : Toute la déco
ajouter un commentaire commentaires (18)    recommander

Commentaires

pffff ben oui ma sorcière! qu'est-ce que j'ai galéré avec ma fichue bannière, bon je suis contente pour les nouveaux, ils auront une bonne explication! Par contre je vais mettre un lien pour revenir à la page d'acceuil, dois-je l'expliquez à mes visiteurs parce que des fois ils sont un peu lent !lol de toute façon j'ai mis un mois à me rendre compte que lorsqu'on click sur l'image de présentation avec le pseudo, ben on y retourne à la page d'acceuil ptdrrr alors dans le genre bouché à l'émeri, je suis pas mal non plus! byeeeee rentre ta chaise longue le temps est en train de tourner à l'orage ! bizzzzzzzzz
commentaire n° : 1 posté par : TINE (site web) le: 06/07/2006 12:24:43

et bien ... heu ... et si tu t'inscivais à notre club, lol, tu semble avoir les qualités requises
morte de rire  ;-)

Le club des Brèles > http://www.photofarfouille.com/article-254794.html

réponse de : Farfouille (site web) le: 06/07/2006 13:00:15
C'est encore la Tine! Une question sérieuse cette fois! Sur le blog de Zoélie j'adore les ascenceurs pour montrer les films et musiques que l'on aime mais je trouve que Zoélie a beaucoup de modules sur les côtés, moi je n'ai que deux modules textes libres! Bon je sais tu vas me dire "faut pas que ça bouge dans tous les coins!" mais juste pour les textes libres, je suis limitée parce que je suis "confiance"? ou je dis n'importe quoi? Merci bonne journée! c'est promis je reviens pas jusqu'au nouvel article lol
commentaire n° : 2 posté par : TINE (site web) le: 06/07/2006 12:44:37

bien vu pour le confiance, lol, en privilège et premium Francisek est une fois de plus le sauveur > http://www.francisek.com/article-637267.html

Autrement il faut triturer ses méninges afin de trouver le design qui t'aidera, par exemple sur mon blog BD (http://bd.passion.over-blog.com/) un seul module texte libre reprend 3 menus et les modules sont en fait un seul cadre ... tout est possible avec de l'imagination et beaucoup beaucoup de tests.

Pour des défilement d'images, le pied de page ou le message d'accueil peuvent aussi être utilisés.

réponse de : Farfouille (site web) le: 06/07/2006 13:12:00
Ah oui finalement comme c que j'ai fait avec ma rubrique big bazr auttrement dit le module est élastiqueeeeee ptdrrr
commentaire n° : 3 posté par : TINE (site web) le: 06/07/2006 18:29:47
bon naturellement pour le club des brèles je cours m'inscrire ! ptdrrr
commentaire n° : 4 posté par : TINE (site web) le: 06/07/2006 18:30:49
bonjour, j'ai fais ce que tu dis (avant de te lire), mais mon pb est que ma bannière est prise dans le fond qui s'agrandit, j'aimerai faire une bannière plus large mais alors les bandes bleues restent et c'est trop large.
commentaire n° : 5 posté par : Rosine (site web) le: 11/07/2006 20:47:34
Il faut parfois tester pas mal avant d'obtenir le résultat désiré, je ne comprends pas trop ton problème de bandes bleues ...
réponse de : Farfouille (site web) le: 12/07/2006 10:05:22
Cela, je m'en étais rendue compte ! Grâce à des gens comme toi, Fransicek, PêuR, je suis arrivée à cela, c'est l'essai mais le vrai site existe. Je suis partie du modèle 104 orange j'ai bien galèré !
J'essaye de mieux expliquer : quand tu regarde ma bannière titre qui dit "amitié ...", elle est prise dans la couleur bleue ciel que j'ai choisie pour l'entête et pied de blog. Si j'agrandis la hauteur de la bannière-titre, cela agrandit aussi l'entête sans la remplir plus. Suis-je toujours aussi obscure ? en gros, comment faire pour que la bannière remplisse toute l'entête ?
commentaire n° : 6 posté par : Rosine (site web) le: 12/07/2006 14:27:08
mmm ... ce doit être un problème de marges mais je ne suis pas assez avancée en CSS pour pouvoir t'aider, tu devrais poser la question sur le forum, il y a plusieurs aidants spécialistes dans ce genre de souci.
réponse de : Farfouille (site web) le: 12/07/2006 14:45:27
salut

une question : Je voudrais supprimer en haut et sur le coté gauche le petit espace qui empêche la bannière de coller au cadre de la page. Que dois je modifier dans mon css ?

merci d'avance.
commentaire n° : 7 posté par : benoit richard (site web) le: 26/01/2007 13:12:44

Bonjour,

Pour commencer, tente de mettre à zéro la valeur de "margin" dans la ligne "body" tout au début de ton CSS.

réponse de : Farfouille (site web) le: 26/01/2007 16:00:21
hello je suis en train de monter un 2ième blog : http://nous voilapartis.over-blog.fr
il est en V2 et pas moyen d'insérer quoique ce soit dans la bannière d'en tête : photo passe pas ! help .. merci ..
commentaire n° : 8 posté par : joline (site web) le: 12/05/2007 16:32:45
Bonjour , je suis nouvelle , j'ai besoin d'aide :S
quand vous dites "Dans l'administration de votre blog, cliquez l'onglet "modules"" je ne trouve pas cette onglet ...
Merci d'avance
commentaire n° : 9 posté par : Rainie le: 12/06/2007 20:22:52
cest ou module
commentaire n° : 10 posté par : arshes le: 29/06/2007 13:33:47
bonjour, je viens de me creer un blog et je ne trouve pas l'onglet "module" dans l'administration de mon blog, pourriez vos m'aider?!
merci
commentaire n° : 11 posté par : alexandra (site web) le: 28/08/2007 16:25:51
Normal, cette aide concerne l'ancienne version de over-blog, les nouveaux arrivants, petits veinards, ont directement accès à la nouvelle version sans attende, et tout se passe dans la partie "configurer"
réponse de : Farfouille (site web) le: 03/09/2007 12:39:36
Ma banière était centrée, juste comme je voulais après moult et moults essais en matière de taille...
Et puis là, elle a viré à gauche, comme ça, sans prévenir!
Quelqu'un a-t-il une idée de la manière dont je pourrais la remettre à sa place initiale?
Merci!
commentaire n° : 12 posté par : Vanille (site web) le: 16/11/2007 02:03:32
Bonsoir, j'aimerais simplement savoir comment faire pour que ma bannière soit centrée.
Car elle est faite, elle est en place, mais à gauche et j'aimerais qu'elle soit au centre et là je bloque. Merci d'avance
Amitié - NELLY
commentaire n° : 13 posté par : NELLY (site web) le: 10/12/2007 20:55:33
desole, mais je trouve pas l onglet module dans l'administrtion
commentaire n° : 14 posté par : arber (site web) le: 02/01/2008 01:58:40
J'aimerais savoir aussi s'il est possible de centrer la bannière - j'ai essayé plus grande , elle dépasse à droite et plus petite elle est quand-même décalée sur la droite
commentaire n° : 15 posté par : christina (site web) le: 19/01/2008 17:42:20
Bonjour,
Merci pour tous ces bons conseils. Comme christina, je n'arrive pas à centrer la bannière je l'ai agrandie au maximum mais elle reste trop petite. Que puis-faire? Merci d'avance pour la réponse.
commentaire n° : 16 posté par : Véro le: 24/03/2008 21:29:33

Bonjour, peux-tu laisser l'adresse de ton blog que je regarde ce qui te pose problème ?


réponse de : Farfouille (site web) le: 25/03/2008 07:32:02
bonjour, j'ai besoin de votre aide car après avoir réussi à inserer une photo dans ma bannière je n'arrive pas à changer sa couleur de fond... quelqu'un pourrait m'aider svp?
commentaire n° : 17 posté par : LAURE (site web) le: 09/04/2008 15:54:20
Bonjour, je voudrais pas abuser mais je voudrais insérer une banière gif animée, sur ma page. Elle fait 600 kO, mais soit elle ne se trnasfert pas sur le site, et ne veux ps s'installer en lieu et place. "Au secour obi wan kenobi, vous êtes mon seul éspor!"
commentaire n° : 18 posté par : phyldar (site web) le: 09/05/2008 17:46:15
ajouter un commentaire

Publicité

 

Publicité

 

Liens Rapides

 

 

Articles au hasard

liste complète

 

Catégories

 

Albums Photos

 

Commentaires

 

Recherche

 

Communautés

liste complète

 

Autres aides

 

 
collector-avatar-1.jpg
  

 

créer un blog sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus