modifier le header des blogs bloggers
Tout d'abord bonne année à toutes et à tous
,
Ce post vient en complément de celui-ci: Modifier l'image du header. La principale évolution que 'lon va voir ici quelques manipulations utiles avec la nouvelle formule de blogger (je dis nouvelle, même si elle est en place depuis plus d'un an).
Rendez vous d'abord sur votre panneau de contrôle et suivez les étapes.

1) Onglet Modèle, 2) Eléments de la page
3) Maintenant nous allons modifier le bloc (en tête)
La fenêtre Configurer l'en tête s'ouvre. A la ligne image vous pouvez télécharger votre header depuis votre ordinateur 4)
Nous allons nous arrêter un instant sur les deux lignes en 5) Emplacement. La première ligne vous propose: derrière le titre et la description.
Dans ce cas l'image sera insérer en fond (background-image) d'une balise [div] ayant pour id : header-inner (pour comprendre ces aspects de code lire; le css de blogger). dans ce cas il ne sera pas facile de modifier la taille de l'image.
Dans le deuxième cas, substituer le titre et la description, votre image sera incluse dans le code html, via une balise [img vous pourrez alors jouer sur la largeur de l'image. Sur le thème rounders2, la valeur par défaut de la largeur de l'image est: 730px. Donc même si vous concevez votre image en 750 elle sera affiché à 730px de large.
Pour que l'image garde la valeur que vous lui avez donné, nous allons aller sur l'onglet: Modifier le code html . Au dessus de la fenêtre où est afficher le code, cochez la case: développer des modèles de gadgets. Puis chercher la ligne [img .../] surligné en rouge dans l'image ci dessous. Vous la trouverez peut après la balise [/head]

Dans cette ligne trouvé les expression:
expr : width = 'data:width'
et
expr : eight = 'data:eight'
et supprimez les, enregistrez le modèle et votre image adoptera vos dimensions (en tous cas chez moi ça marche
)
ATTENTION ! Sur mon blog de test la modification semble irréversible, je vous conseille donc d'enregistrer (dans un fichier.txt sur votre ordinateur) toute la ligne [img ... /]. Ainsi vous pourrez la remettre d'origine si les modifications ne vous conviennent pas
.
,Ce post vient en complément de celui-ci: Modifier l'image du header. La principale évolution que 'lon va voir ici quelques manipulations utiles avec la nouvelle formule de blogger (je dis nouvelle, même si elle est en place depuis plus d'un an).
Rendez vous d'abord sur votre panneau de contrôle et suivez les étapes.
Cliquez sur l'image pour agrandir

1) Onglet Modèle, 2) Eléments de la page
3) Maintenant nous allons modifier le bloc (en tête)
La fenêtre Configurer l'en tête s'ouvre. A la ligne image vous pouvez télécharger votre header depuis votre ordinateur 4)
Nous allons nous arrêter un instant sur les deux lignes en 5) Emplacement. La première ligne vous propose: derrière le titre et la description.
Dans ce cas l'image sera insérer en fond (background-image) d'une balise [div] ayant pour id : header-inner (pour comprendre ces aspects de code lire; le css de blogger). dans ce cas il ne sera pas facile de modifier la taille de l'image.
Dans le deuxième cas, substituer le titre et la description, votre image sera incluse dans le code html, via une balise [img vous pourrez alors jouer sur la largeur de l'image. Sur le thème rounders2, la valeur par défaut de la largeur de l'image est: 730px. Donc même si vous concevez votre image en 750 elle sera affiché à 730px de large.
Pour que l'image garde la valeur que vous lui avez donné, nous allons aller sur l'onglet: Modifier le code html . Au dessus de la fenêtre où est afficher le code, cochez la case: développer des modèles de gadgets. Puis chercher la ligne [img .../] surligné en rouge dans l'image ci dessous. Vous la trouverez peut après la balise [/head]
Cliquez sur l'image pour agrandir

Dans cette ligne trouvé les expression:
expr : width = 'data:width'
et
expr : eight = 'data:eight'
et supprimez les, enregistrez le modèle et votre image adoptera vos dimensions (en tous cas chez moi ça marche
)ATTENTION ! Sur mon blog de test la modification semble irréversible, je vous conseille donc d'enregistrer (dans un fichier.txt sur votre ordinateur) toute la ligne [img ... /]. Ainsi vous pourrez la remettre d'origine si les modifications ne vous conviennent pas
.Libellés : aide blogger








5 Comments:
Bonjour
Est-ce que vos conseils valemnt aussi pour élargir la taille des messages deu blog?
Car je voudrais l'élargir afin de rendre le blog moins long ;
Actuellement , le blog message fait 15 cm; comment fait-on pour élargir cette partie?
Merci de me répondre
Val
Encore une question :j'ai crée 2 blogs , et quand on regarde sur mon profil , on en remarque qu'un seul ; comment faire pour que l'on puisse avoir tous mes blog dans le meme profil?
By
vava, at jeudi 10 janvier 2008 18 h 04 GMT
Bonjour vava,
Pour faire apparaître le blog ça doit se passer à l'onglet paramètres, à la 3ème question: faire apparaître votre blog dans nos listes (répondre OUI).
Pour la largeur des posts c'est dans la partie css (voir le post à ce sujet) et il faudra modifier toute la partie qui concerne, page, post et peut être d'autres ??.
Je détaile pas trop parceque c'est "risqué" et ça va vous prendre du temps, peut être pour rien. Quand on modifi la largeur des messages, ça touche à tous les comportements; de la colonne de côté, du footer, des commentaires.
Bref le résultat sera surement aléatoire. A la limite ouvrez un blog de test, pour modifier tranquilement, puis reportez les modifs et bon courage ;-)
By
Anyze, at jeudi 10 janvier 2008 19 h 08 GMT
Super, ça marche!
Et je vois que tu as toi-même changé ton header! ;-)
Très sympa, merci à toi pour tous ces bons conseils.
Caro
By
Caroline MABY, at vendredi 11 janvier 2008 08 h 49 GMT
Yop,
Ben c'est bien si ça marche ;-)
Ouais moi j'ai fais un petit tour de vos blogs ces temps ci et en revenant sur le mien, j'ai honte :-o
Donc je tatonne un peu mais il va tranquilement changer d'allure, même si c'est pas top c'est rafraîchissant ;-)
++
By
Anyze, at vendredi 11 janvier 2008 08 h 53 GMT
coucou !
d'abord, un grand merci pour les aides !
je voudrais savoir comment ( si cela est possible bien sûr :-) faire disparaître "les jours et les dates" sur les pages d'un blog ??
Merci beaucoup
Sandrine
By
india, at mardi 17 février 2009 06 h 49 GMT
Enregistrer un commentaire
Links to this post:
Créer un lien
<< Home