mardi 29 mai 2007

Remplacer le titre du blog par une image

Il faut d'abord enlever le titre :
Cliquez sur l'onglet "Modèle"
Choisissez "élément de la page"
Au niveau de l'en-tête cliquez sur "modifier"

Remplacez le champs "Titre du blog" par du blanc

Une fois le titre supprimé, insérez la photo
pour cela utilisez :
- "From your computer" : si votre image se trouve sur votre ordinateur
- "Depuis le Web" : si votre image est déja publiée sur le net.


Il ne vous reste plus qu'à enregistrer les modifications.

Ajout du 24/06/2007:

Pour centrer l'image :

Il faut d'abord retourner dans l'entête et intervenir sur le placement de l'image :
Sélectionnez "Substituer le titre et la description".

-Repérez l'id (identificateur) de la balise (<img id="identificateur">). Pour cela affichez le source de votre blog et répérez ou se trouve votre image
Ex pour mon modèle le voici:
<img alt=' ' height='100' id='Header1_headerimg' src='http://fqb.fqb.googlepages.com/1.gif'

Il vous faut maintenant utiliser une des 2 méthodes suivantes :

1) Méthode par modification du code HTML de votre blog
(Voir l'article Modifier le code HTML de votre blog)
Ajoutez le code suivant juste avant la balise </style> :
#Header1_headerimg
{margin: 0px auto 10px; display: block; text-align: center;}

2) Méthode par javascript :

Ajoutez un élément de type HTML/JavaScript
et copiez/collez le code suivant :
<script type="text/javascript">
<!--
javascript:document.getElementById('Header1_headerimg').style.margin = '0px auto 10px';
javascript:document.getElementById('Header1_headerimg').style.textAlign = 'center';
//-->
</script>



24 commentaires:

Tatutia a dit…

Bonjour! Je cherche l'astuce pour enlever le titre de mon blog dans l'entête dpuis un moment! Le problème avec la solution que tu propose, c'est qu'il est obligatoire de renseigner la partie "titre du blog". :/ Les modifications ne sont pas prises en compte autrement...

Fqb a dit…

tatutia : la méthode diffère peu de celle-ci, regarde ce message : http://blogs-google.blogspot.com/2007/06/enlever-le-titre-du-blog.html

Tatutia a dit…

Ah merci beaucoup ça marche nickel!!!

Christophe a dit…

bonjour,
je viens d'essayer votre methode mais cela ne fonctionnne pas.
Pourtaut l'image est presente dans 'configurer l'entete'

Avez vous une idee ?

merci

Chris

Fqb a dit…

christophe : une fois que tu as ajouté l'image retourne dans l'entête et vérifie que "Derrière le titre et la description" est sélectionné (et non pas "Substituer le titre et la description"). Si le problème ne vient pas de là désolé je ne vois pas d'ou ça peut venir. Tiens nous au courant.

Anonyme a dit…

Salut, tu sais pourquoi lorsque je veux mettre une image a la place du titre elle ne se centre pas elle se decale vers la droite. tu sais comment faire pour la centrer? tu pourrais m'aider? Merci

PeLOmaR a dit…

idem elle se décale a chaque fois sur la droite.

Fqb a dit…

Voila, j'ai ajouté la méthode pour centrer l'image dans le billet
(voir Ajout du 24/06/2007)

PeLOmaR a dit…

merci, mais en fait en réduisant la taille de l'image ca s'est centré tout seul ;)

Anonyme a dit…

Pour le modele tic tac blue l'image ne se centre pas elle se decale sur la droite et il n'y a pas l'adresse de mon image dans la source de mon blog. Et il n'y a pas non plus de balise "style". Quand je change mon modèle en mettant le meme que toi l'image est centrée mais pas avec le modèle tic tac blue. Aurez tu une solution pour cela? Ce serait très sympa si tu pouvais m'aider. Merci

Anonyme a dit…

Ca y est j'ai reussi merci beaucoup de ton aide!

Anonyme a dit…

Sait tu comment changer la couleur du modele tic tac blue? j'aimerais changer la couleur bleue de l'en tete là où il y a l'image en noir. Tu pourrais me dire comment si tu sais ? Merci beaucoup.

Anonyme a dit…

je viens de voir le message précédent et il me concerne également. Je vois que vous n'avez pas repondu vous ne savez pas comment changer la couleur de l'en-tête d'un modèle? Si c'est possible bien sur. Merci

Fqb a dit…

Désolé mais je n'ai jamais utilisé ce modèle

Anonyme a dit…

Merci beaucoup pour ce petit tuto : je viens de m'abonner à ton flux rss :-)

Par contre j'ai un petit probleme pour insérer mon image depuis mon ordinateur : cela ne marche pas, cela n'arrête pas de mouliner, impossible d'uploader cette image.
Pour info elle ne pese pas plus de 50ko...

Quelqu'un a déjà connu cela ?

Merci :-)

Blogus a dit…

Merci de ta réponse, j'y suis presque,l'image a la dimension souhaitée, il me reste à adapter ou à supprimer le fond du bandeau qui déborde en haut et en bas de l'image . J'ai pas mal bidouillé le code html, section "header", mais je n'ai pas trouvé le réglage ou la supression totale du fond bleu fonçé. je ne suis pas sûr d'être clair...

Blogus a dit…

Suite et fin...
j'ai viré l'adresse de l'image de fond du header et ça a l'air de marcher !

Magali a dit…

Salut,
Qui pourrait me faire parvenir un fichier HTML modifié SVP? Je bute sur l'ajout de ma bannière. Elle s'affiche mais la couleur de fond revient au bleu d'origine. Soit mon image est OK avec ce fond bleu, soit je détermine la couleur de fond dans le HTML, et alors, pas d'image.

Résumé: Ce que je cherche à faire est d'ajouter l'image, tout en conservant une couleur de fond #FABD03
Merci

killahoe a dit…

salut, je suis embêté, j'aimerais mettre une "image de fond" a mon blog.
Qu'elle soit constament affichée en fond principal. (comme myspace)
est-il possible de réaliser cela?
cordialement.

Laurence a dit…

bonsoir,
je suis en train de relooker mon blog et j'essaie de mettre une image en fond, comme c'est expliqué mais elle ne s'affiche pas sur le blog, alors qu'elle se charge bien dans la barre de titre.
Est-ce que ça peut venir de mon modèle (minimalist 3 colonnes trouvé sur le web) ?
est ce que je ne peux pas agir directement sur le code html ?Merci pour vos réponses.

Char meur a dit…

Pour le modele tic tac blue l'image ne se centre pas elle se decale sur la droite et il n'y a pas l'adresse de mon image dans la source de mon blog. Et il n'y a pas non plus de balise "style". Aurez tu une solution pour cela? Ce serait très sympa si tu pouvais m'aider. Merci

Carole et Franck a dit…

Bonjour,

J'utilise une modèle de blogger templates et j'aurai souhaité remplacer une image déjà existante dans le modèle par une image perso, mais je ne parviens pas à retrouver le code de cette photo...
Merci d'avance pour votre aide!

Adeline a dit…

Salut!
Moi mon problème c'est que quand je supprimes mon titre, il disparait de ma bannière (on est d'accord) mais il disparait aussi de mon onglet!
Donc quand je tape l'adresse du blog, il s'ouvre mais l'onglet ne porte pas de titre.. Comment je dois faire pour que le titre soit dans l'onglet mais pas sur la bannière??

Ben a dit…

merci pour vos explications claires