Réajuster la bannière sur blogger

Publié par Rodney SANKINKA | mercredi, février 06, 2008 | Ajouter à del.icio.us sauvegardé par 0 utilisateurs | | 4 commentaires »

Certains se sont plain que blogger a mis à mal leur bannière. Voici pour vous une méthode un peu simple pour éviter que les nouveaux paramètres de Blogger n'endommâgent l'affichage de votre bannière.

1. Enlever la bannière : Connectez vous sur votre compte et allez sur le « modèle » du blog à modifier. Aller sur « Eléments de la page » et là cliquer sur « modifier » pour l’

2. Héberger votre bannière sur un serveur externe (Photobucket ou Google Pagecreator)

3. Modifier le code css

Trouver le blog suivant dans le code html de votre modèle (allez sur « modèle », « modifier le code html » et cochez « développer des modèles de gadget).

#header-inner {

background-position: center;

margin-left: auto;

margin-right: auto;

}

Ajouter le code suivant :

background-image:url(Lien vers l’image);

background-repeat:no-repeat;

height:300px;

Ce qui donnera ceci :

#header-inner {

background-position: center;

background-image:url(Lien vers l’image);

background-repeat:no-repeat;

height:300px;

margin-left: auto;

margin-right: auto;

}

Remplacer « Lien vers l’image » par l’url de votre bannière et enregistrez votre modèle.

Si vous avez déjà le code suivant dans votre modèle background-image:url(Lien vers l’image), mettez juste le lien vers la bannière et c'est fait.

Si il n'est pas affiché la largeur de la baninière, vous pouve ajouter cette ligne juste après celle de "height" (en changeant le 400 par la largeur de votre bannière)

width:400px;

SI VOUS AVEZ UN MODELE 'STRETCH'


Si vous avez un modèle "STRECHT" utilisez ce code :

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
width:XXXpx;
height:YYYpx;
}

Remplacez les XXX par la largeur (en pixels) de votre bannière et les YYY par la longeur en pixels de votre bannière.

Merci à Vin

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter
pour rester à jour ou encore rejoindre ma communauté sur Blogcatolog. N'oubliez pas
d'ajouter ce blog à vos favoris sur Technorati.


Pour ne pas rater les nouveautés :

Promouvoir cet article sur :

Rejoindre la communauté du blog sur :

4 commentaires

  1. luptidej // 9 février 2008 11:22  

    coucou Rodney, promis, je cherche, mais le centrage est toujours impossible:
    #header-inner {
    background-position: center;
    background-image:url(http://s3.archive-host.com/membres/images/1201518881/8-terre.jpg);
    background-repeat:no-repeat;
    height:100px;
    margin-left: auto;
    margin-right: auto;
    }

    on cherche aussi sur le forum du coin du blogueur; à suivre, bon samedi à toi.

  2. luptidej // 10 février 2008 11:49  

    C'est bon Rodney, grâce à une astuce "maison" j'ai réussi à recentrer une nouvelle bannière, mais je vois bien que nous ne contrôlons pas tout sur Blogger....

  3. le-mediator // 16 mars 2008 13:48  

    Bonjour,
    voilà j'ai un modèle "tic tac blue",
    j'ai crée ma propre bannière (à la bonne taille), malheureusement celle ci n'est pas centré sur mon blog. Elle est décalé sur la gauche.
    Comment résoudre ce problème ? Merci de votre précieuse aide....

  4. Benoit // 14 mai 2009 17:59  

    boujour
    Comment faire pour que la taille de la bannière s'ajuste en fonction de la résolution d'écran et ne reste pas fixe comme c'est le cas pour moi actuellement.http://poprevuexpress.blogspot.com
    merci de ton aide

S.V.P. Pas des Spam. Sélectionnez les signes à côté du smiley à insérer dans votre commentaire

:)) ;)) ;;) :D ;) :p :(( :) :( :X
=(( :-o :-/ :-* :| 8-} :)] :-t b-( :-L

Enregistrer un commentaire