mercredi 24 août 2011

Remplacer le titre du blog par une image

Trouvé sur http://blogs-google.blogspot.com


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.

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>

Aucun commentaire:

Enregistrer un commentaire