Les tuto 2 Demolite

27 novembre 2010

Mettre vos Albums photos dans un article

Voici comment afficher vos albums photos dans un message en page centrale et supprimer l'affichage dans les colonnes.

J'ai d'abord pensé qu'il suffisait de coller le bloc de code qui correspond à l'album photo dans un message pour qu'il s'affiche, mais non...c'est pas drôle quand c'est trop simple.

Alors il faut bidouiller un peu...

Commençons par préparer les boutons liens vers vos albums...

Ouvrez un Nouveau message et passez en mode Html

Mettez un titre comme Mes Albums photos par exemple et collez le code suivant :

<p><a href="Adresse album photo 1" target="_blank"><img src="Adresse image album photo 1 " /></a> <br />Titre album photo 1</p>

Vous devez copier l'Adresse de l'album photo 1 en l'ouvrant comme sur la capture et la coller dans le code ci-dessus.

Récupérez maintenant l'adresse de l'image de présentation de votre album, celle qui se trouve sur la page d'accueil en faisant un clic droit dessus puis copiez l'adresse de l'image.

Collez l'adresse dans le même code à la place de Adresse image album photo 1
Il ne reste plus qu'à donner un titre à ce premier album... ici : Titre album photo 1

Ce qui donnera ceci dans votre message lorsque vous repassez en Mode texte :

Vous devez répéter cette opération autant de fois que vous avez d'album bien sur...

Une fois fait, cochez la case en bas de votre message Modifier la date et mettez une date antérieure comme 01/01/2000 de façon à ce que votre message ne s'affiche pas sur la première page, vous pouvez y revenir en passant pas les archives ou par la liste de vos messages ou encore avec les tags.

Une fois votre message posté, allez dessus et copiez le [#] Permalien, car maintenant il faut faire un lien vers vos albums photos que vous devrez coller sur la page d'accueil et les autres pages si vous le désirez...

Autant faire un bouton c'est plus sympa, Collez le code suivant dans votre page d'accueil en ajoutant les adresses :

<p><center><a href="Adresse du permalien" target="_blank"><img src="Adresse de l'image  " /></a></center></p>

Et pour finir, il faut enlever l'affichage de vos anciens albums photos...repérez dans la page d'accueil le bloc de code suivant :

<div class="title">Albums photos</div>
<ul>
<CBAlbum>
<li><a href="<$BlogAlbumURL$>"><img src="<$BlogAlbumCoverURL$>" width="40" height="40" alt="<$BlogAlbumTitle$>" /></a><br /><a href="<$BlogAlbumURL$>"><$BlogAlbumTitle$></a></li>
</CBAlbum>
</ul>

Supprimer ce code, ça aura pour effet de ne plus afficher vos albums, mais pas d'inquiétude, ça ne va pas les supprimer.

Vous pouvez réduire les images de présentation de vos albums photos si vous en avez beaucoup et aussi ne pas mettre de titre, c'est une question de goût...

Vous pouvez aussi choisir une autre photo que celle que vous propose Canalblog en premier...il suffit de collez l'adresse d'une autre image, c'est tout...

Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici