08-10-2008

METTRE UNE IMAGE POUR LES CATEGORIES DE VOS LIENS

A la demande de Cecd...(Je me suis servie de son blog et de ses liens pour ce tuto).

Il existe déjà ce tuto, mais il ne s'applique pas pour les différentes catégories de vos liens.

Par exemple, si vous n'avez qu'une seule catégorie de liens qui s'appelle LIENS vous pouvez utiliser ce tuto.

Par contre si vous avez plusieurs catégories, LIENS, MES BLOGS PREFERES, ADRESSES UTILES...
Si vous mettez l'adresse d'une image comme indiqué dans le tuto, votre image va se répéter pour toutes les catégories, et vous ne pourrez donc pas les différencier en leur donnant des titres en image.

Il y a bien une solution, mais je vous prévient à l'avance, cette manip vous empêchera d'entrer vos nouveaux liens en passant dans le formulaire des Liens d'amis de Canalblog.

Vous devrez ensuite passer par votre Page d'accueil pour entrer vous même les liens que vous voudrez ajouter.

Voici comment faire :

Allez sur votre blog et sélectionnez dans votre colonne toutes vos catégories de liens et faire un clic droit puis choisissez Copier le code source de la sélection.

Si vous n'avez pas cette fonction, allez dans le code source de votre page pour copier les liens.

Ouvrez votre Page d'accueil et à la place de votre bloc des liens collez les codes que vous venez de copier.

Ensuite il ne vous reste plus qu'à coller l'Adresse d'une image à la place de tous vos titres de catégories de liens, comme ceci :

Avant :

<div class="title">CREATRICE A DECOUVRIR</div>
<ul>
<li><a href="http://lebarduvent.blogspot.com/">Le Bar du Vent</a></li>
<li><a href="http://www.queencool.canalblog.com/">QueenCool</a></li>
</ul>

Après :

<div class="title"><img src="Adresse de votre image ici"></div>
<ul>
<li><a href="http://lebarduvent.blogspot.com/">Le Bar du Vent</a></li>
<li><a href="http://www.queencool.canalblog.com/">QueenCool</a></li>
</ul>

Pour entrer de nouveaux liens par la suite, il suffit de copier/coller une ligne de code comme celle-ci :

<li><a href="http://www.Url de votre lien/">Nom de votre lien</a></li>

et de l'ajouter à la suite de vos liens, en renseignant le code avec une adresse url et un titre pour le lien :

<div class="title"><img src="Adresse de votre image ici"></div>
<ul>
<li><a href="http://lebarduvent.blogspot.com/">Le Bar du Vent</a></li>
<li><a href="http://www.queencool.canalblog.com/">QueenCool</a></li>
<li><a href="http://www.Url de votre lien/">Nom de votre lien</a></li>
</ul>

Voilà...c'est tout !