BlogTuto

Tuto pour blog et assistance blogueur. Dépannage des blogueurs, passage en mode avancé accompagné, relooking blog, bannière pour blog

Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :

http://www.blogtuto.org/

lundi 07 avril

Insérer une bannière en mode avancé sur Canalblog

Vous avez votre belle bannière réalisée par Ban@nière Split... ou par vous même, mais vous en faites quoi maintenant, hein !

Pas de panique...BlogTuto est là pour vous aider !

La méthode qui suit est la plus simple pour adapter sa bannière à son blog.

Si vous avez bien suivi le passage en mode avancé de blog tuto vous avez gardé en réserve un modèle de blog en mode normal. Si ce n'est pas le cas vous pouvez en créer un en choisissant "apparence" puis "nouveau modèle".

Vous allez dans votre panneau d'administration et vous cliquez sur "APPARENCE" puis "STYLE"

Ban00

Vous arrivez sur cet écran :

Ban02

A l'endroit où se trouve "Bannière ou logo"...c'est là que vous allez cliquer sur "PARCOURIR" et rechercher le fichier de votre bannière sur votre ordinateur.

Attention, Canalblog n'autorise pas n'importe quel type de fichier...Les formats reconnus sont : JPG, GIF, BMP et PNG.

Ban03

Vous sélectionnez votre fichier en cliquant sur OUVRIR et il va venir s'afficher dans la case "Bannière ou logo"

Ban03

N'oubliez pas ensuite de VALIDER en cliquant tout en bas de votre écran !

Ban04


Pour voir si votre bannière est bien installée, cliquer en haut de votre écran sur l'onglet "VOIR LE BLOG"

Ban05 "


Quand vous aurez validez vous aurez, une Url (en bleue) qui apparaitra à l'endroit où vous aurez téléchargé la bannière au format "storage" :

Image_8

C'est cette adresse que vous allez copier et insérer dans votre feuille de style, de cette façon :

#topbar-logo {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    background: url("http://p8.storage.canalblog.com/81/82/446950/24024642.jpg") no-repeat 0% 0%;
    height: 200px; <------ hauteur de la bannière
    display: block;
}
div .logolink a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 200px; <------ hauteur de la bannière

N'oubliez pas de valider!
Attention même le point virgule à la fin de la ligne est important!


Tags :
Posté par Lavande à 09:19 - Mode avancé - Commentaires [12] - Permalien [#]



Commentaires

    Bonsoir j'ai demander conseille et on m'a envoyer chez toi.
    Premierement bravo pour ton blog il aide drôlement
    j'ai bien reussit a mettre ma baniere mais j'ai encore l'ancienne en dessous et cela ne fait pas terrible.
    Peu tu me donner un conseil pour l'enlever
    Merci

    Posté par Christelle, mardi 03 juin à 19:30
  • bonjour j'ai commencé votre tuto super mais je bloque a la derniere etape je ne toruve pas "la feuille de style" ..
    merci de m'aider dans mes debuts

    Posté par LN, mercredi 04 juin à 19:01
  • Bonsoir, alors j'ai bien tout fait comme il fallait pour le passage en mode avancé et j'ai perdu ma bannière en cours de route. Même en mettant le code récupéré dans le mode normal rien ne se passe ?!!! Avez vous une solution ? Merci d'avance

    Posté par fannycolor, mercredi 06 août à 19:48
  • Merci!

    Posté par fleur, lundi 08 septembre à 10:37
  • On peut aussi héberger la bannière en faisant "Nouveau message" puis en l'y insérant, ensuite il n'y a plus qu'à recopier les "Propriétés" ? Non !?

    Posté par michèle, lundi 13 octobre à 21:58
  • @ Michèle : non, parce que la taille sera limitée à 800px de longueur

    Posté par Lavande, mardi 14 octobre à 07:27
  • ciao ciao, encore merci pour le tuto après qq bidouillages j'ai enfin réussi à importer ma bannière, après en avoir changé les dimensions pour les adapter à mon blog....
    ahhh i feel good
    ccil

    Posté par fil@home, mercredi 04 février à 16:07
  • MercIIIIIIIIIIIIIIIIIIIii!
    Brigitte

    Posté par Jardin secret, samedi 11 avril à 19:08
  • juste merci ton tuto est top simple et bien expliquer, grâce à toit mon blog est de plus en plus beau

    Posté par edwige, mardi 05 octobre à 10:01
  • merci !!

    Un grand merci à ton blog même si celui-ci est "clos", tes explications claires en images m'ont bien aidée
    Grace à toi j'y vois plus clair sur mon blog, je suis super contente!
    Merci beaucoup

    Posté par lili bulle, mercredi 10 novembre à 19:34
  • Merci !
    Tes explications sont tip top ! Bannière changée avec succés.

    Posté par Solenne, mardi 24 juillet à 23:54
  • bonjour
    après de nombreux essais, je n'y arrive toujours pas...
    pourriez-vous m'aider...cela fonctionnait très bien avant, je suis en mode avancé depuis 5 ans !

    Posté par noumeanath, dimanche 10 mars à 20:02

Poster un commentaire







Haut de Page