Comment insérer des images/Textes/Liens côtes à côtes sous le titre d'origine, ou la bannière ?
1.
Voilà mon titre et sa description avant
Et voilà ce que nous allons faire
Pas de panique c'est vraiment facile !
2.
Allez d'abord dans Apparence/Page d'accueil.
Voilà le code au départ
3.
Nous allons maintenant intégrer le code ci-dessous entre "<$BlogDescription$>" et "</h2></div>" comme ceci
Voilà le code à ajouter :
<tbody>
<tr>
<table width="100%" border="0">
<tr>
<td width="25%">
<br>Blinkies du jour<br>
<script type="text/javascript" language="javascript" src="http://Blinkies.maker.free.fr/blinkiesjournalier.js"></script>
<td width="25%">
<br>Mini cadre de la semaine<br></h4>
<a href="http://animabelle.free.fr/service_semaine/service_semaine.htm" target="_blank">
<img src= http://animabelle.free.fr/service_semaine/cadrescintillant_reduit.gif
alt="Mini cadre hebdo d’Animabelle" name="Mini cadrehebdo" hspace="0" vspace="0" border="0"></a>
<td width="25%">
</h4><br>Tube de la semaine<br>
</h4><script language="javascript" src="http://www.chez-chatonne.com/tubes/Logo_5/logo5.js"></script>
</a></small><br><small>
<td width="25%">
<br>L'horloge de la semaine <br></h4>
<iframe src="http://c.plaquet.free.fr/horloge/h0110.html" width=83 height=110 FRAMEBORDER=0 SCROLLING=no></iframe>
</h4><br>
</object></div>
</td>
</tr>
</table>
4.
Une fois mit cliquez sur "Prévisualiser" afin de vérifier que tout est bien correct.
Si c'est bon, vous "Validez".
5.
Nous allons maintenant y mettre nos images ou texte désirés.
Pour cela descendez jusqu'au code et voyez sur ma capture d'écran où sont les codes images et/ou texte,...
Il vous suffit de mettre les textes/liens de vos images à la place de mes liens/textes.
J'ai mis en fond rose, écrit rouge tout ce qui est texte.
Si vous ne voulez aucun texte, il suffit d'effacer toute cette ligne.
Vous voyez également que j'ai mis aussi du "java script", des "scripts" ou "iframe", ce sont des codes proposés par certains sites et que vous pouvez également insérer dans votre page.
J'ai mis en fond vert pastel, écrit vert, les iframes et scripts,...
Vous pouvez très bien mettre à la place de ces codes, vos images à vous. Pour cela il suffit de copier le code dans mon fond bleu et de le coller à la place.
La partie du code "<a href="http...htm" target="_blank"> est le lien du site vers lequel en cliquant sur l'image, les visiteurs seront orientés.
Si vous ne voulez pas mettre de lien dans votre image, il suffit d'effacer toute cette ligne.
L'autre partie "<img src= http...gif alt="Mini cadre hebdo d’Animabelle" name="Mini cadrehebdo" hspace="0" vspace="0" border="0"></a>" est le lien de votre image.
Le lien se met à la place de http...gif, vous pouvez mettre un petit texte qui s'affiche quand on pointe dessus, à la place de Mini cadre hebdo d’Animabelle.
J'ai mis en fond bleu clair, écrit bleu, la partie du lien et de l'image.
Petit conseil : Chaque fois que vous avez fait une modification il faut vérifier en "Prévisualser" et si c'est bon, "valider", ensuite continuez.
Aussi, ne mettez pas de trop grandes images, cela pourrait déformer tout votre cadre.
6.
Vous pouvez également ne mettre qu'une, 2, ou 3 images, pour cela effacer la partie qui commence à <td width="25%"> jusqu'à la fin de ce code.
Exemple :
Ce qui donne :
Si vous ne voulez que 3 images, vous en enlevez 1,si vous ne voulez que 2 images, vous en enlevez 2, et si vous ne voulez qu'une image, vous en enlevez 3.
Exemple avec une seule image :
Et n'oubliez pas : Chaque fois que vous avez fait une modification il faut vérifier en "Prévisualser" et si c'est bon, "valider", ensuite continuez.
Aussi, ne mettez pas de trop grandes images, cela pourrait déformer tout votre cadre.
7.
Un autre exemple, ici j'ai inséré uniquement des liens de mon blog dans mes logos :
Voilà ce que cela donne :
Si vous voulez que ces liens ouvrent sur une nouvelle page, mettez à la fin du lien target="_blank"
Ce qui donnera :
<a href="http://fetemamans.canalblog.com/archives/l_origine_de_la_fete_des_mamans/index.html"target="_blank">
8.
Vous constaterez également dans mon dernier lien, que j'ai modifié le pourcentage en <td width="15%"> au lieu de <td width="25%">
Cela m'a permise de mieux centrer mes logos, voyez l'exemple ci-dessous sans la modification :
Avant
Après
Voilà, j'ai fais tout les efforts du monde pour vous expliquer tout cela le plus détaillé possible et j'espère sincèrement que vous comprenez.
Si vous avez encore des questions, n'hésitez pas surtout !