Passer en mode avancé 3 : identifier les blocs

Ça y est ! Vous êtes passé en mode avancé. Vous avez identifié votre colonne de gauche, du centre et de droite en suivant le tuto Passer en mode avancé 2.
A l'intérieur de ces colonnes, il y a vos blocs "albums photos", "contact auteur", "flux RSS", "catégories", "derniers messages"...
Il se peut aussi que vos blocs soient passés à la trappe... Les voici donc rien que pour vous! N'oubliez pas de les nommer afin de mieux les identifier en mettant <!-- nom du bloc-->

Je vous rappelle que ça ne se voit pas à l'écran mais que c'est drôlement pratique pour s'y retrouver et pour ne pas "couper" accidentellement les codes lors des déplacements des blocs.

(Attention de bien respecter la syntaxe...à savoir < et le point d'exclamation puis 2 tirets pas plus ni moins --le nom du bloc...et ensuite de nouveau les 2 tirets -- puis seulement >

<!-- Colonne de gauche-->
<div id="leftbar"> <div class="navlinks">

<!-- Calendrier-->         
        <CBCalendar><$BlogCalendar$></CBCalendar>

<!-- Derniers commentaires-->
<div class="title">Derniers commentaires</div>
<ul>
  <CBLastComments>
  <li><a href="<$BlogCommentURL$>"><$BlogCommentTitle$></a> sur <a href="<$BlogItemURL$>"><$BlogItemTitle$></a></li>
  </CBLastComments>
</ul>

<!-- Derniers messages-->
<div class="title">Derniers messages</div>
<ul>
  <CBLastPosts>
  <li><a href="<$BlogItemURL$>"><$BlogItemTitle$></a></li>
  </CBLastPosts>
</ul>

<!-- Auteurs-->
<div class="title">Auteurs</div>
<ul>
  <CBMembers>
  <li><a href="<$BlogMemberProfileURL$>"><$BlogMemberAuthorNickName$></a></li>
  </CBMembers>
</ul>

<!-- Navigation-->
<div class="title">Navigation</div>

<!-- Liens-->

<ul>
  </BlogFriendLinkHeader>
  <li><a href="<$BlogFriendLinkURL$>"><$BlogFriendLinkName$></a></li>
  <BlogFriendLinkFooter>
</ul>
</BlogFriendLinkFooter> </BloggerFriendLinks>

<!-- Archives-->
<div class="title">Archives</div>
<ul>
  <BloggerArchives>
  <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
  </BloggerArchives>
  <li><a href="<$BlogArchiveFileName$>">Toutes les archives</a></li>
</ul>

<!-- Flux RSS-->
<BlogSiteFeed>
<div class="item"><a href="<$BlogSiteFeedURL<div class="item"><a href="<$BlogSiteFeedURL<div class="item"><a href="<$BlogSiteFeedURL<div class="item"><a href="<$BlogSiteFeedURL$>" title="S'abonner à ce blog (messages)">Flux RSS des messages</a></div>
gt;" title="S'abonner à ce blog (messages)">Flux RSS des messages</a></div>
gt;" title="S'abonner à ce blog (messages)">Flux RSS des messages</a></div>
<div class="item"><a href="<$BlogCommentsFeedURL<div class="item"><a href="<$BlogCommentsFeedURL$>" title="S'abonner à ce blog (commentaires)">Flux RSS des commentaires</a></div>
gt;" title="S'abonner à ce blog (commentaires)">Flux RSS des commentaires</a></div>
</BlogSiteFeed>

<!-- Albums photos-->
<div class="title">Albums photos</div>
<ul>
<CBAlbum>
<li><a href="<$BlogAlbumURL$>"><img src="<$BlogAlbumCoverURL$>" width="75" height="75" alt="<$BlogAlbumTitle$>" /></a><br /><a href="<$BlogAlbumURL$>"><$BlogAlbumTitle$></a></li>
</CBAlbum>
</ul>
    <!-- Photo de l'auteur-->
<CBOwner>
<BlogOwnerPictureURL>
<div class="image"><a href="<$BlogOwnerProfileURL <div class="image"><a href="<$BlogOwnerProfileURL <div class="image"><a href="<$BlogOwnerProfileURL <div class="image"><a href="<$BlogOwnerProfileURL$>"><img src="<$BlogOwnerPictureURL$>" border="0" /></a></div>
gt;"><img src="<$BlogOwnerPictureURL <div class="image"><a href="<$BlogOwnerProfileURL <div class="image"><a href="<$BlogOwnerProfileURL$>"><img src="<$BlogOwnerPictureURL$>" border="0" /></a></div>
gt;" border="0" /></a></div>
gt;"><img src="<$BlogOwnerPictureURL <div class="image"><a href="<$BlogOwnerProfileURL$>"><img src="<$BlogOwnerPictureURL$>" border="0" /></a></div>
gt;" border="0" /></a></div>
</BlogOwnerPictureURL>
</CBOwner>

<!-- Catégories-->
<div class="title">Cat&eacute;gories</div>
<ul>
  <CBCategories>
  <li><a href="<$BlogCategoryURL$>"><$BlogCategoryName$></a></li>
  </CBCategories>
</ul>

<!-- Contactez l'auteur-->
<div class="item">
  <script type="text/javascript">
<!--
document.write('<a href="<$BlogOwnerNoSpamEmailLink$>">Contactez l\'auteur</a>'); // -->
</script>
</div>

<!-- Fils d'actualités-->
<CBFeeds>
<BlogFeedHeader><div class="title"><a href="<$BlogFeedURL<BlogFeedHeader><div class="title"><a href="<$BlogFeedURL<BlogFeedHeader><div class="title"><a href="<$BlogFeedURL<BlogFeedHeader><div class="title"><a href="<$BlogFeedURL$>"><$BlogFeedTitle$></a></div></BlogFeedHeader>
gt;"><$BlogFeedTitle<BlogFeedHeader><div class="title"><a href="<$BlogFeedURL<BlogFeedHeader><div class="title"><a href="<$BlogFeedURL$>"><$BlogFeedTitle$></a></div></BlogFeedHeader>
gt;</a></div></BlogFeedHeader>
gt;"><$BlogFeedTitle<BlogFeedHeader><div class="title"><a href="<$BlogFeedURL$>"><$BlogFeedTitle$></a></div></BlogFeedHeader>
gt;</a></div></BlogFeedHeader>
  <$BlogFeedHeadLines$>
</CBFeeds>

<!-- FIN des Fils d'actualités-->
 
            </div></div>  <-- ces balises ferment des codes il faut y faire attention.
   
          <!-- Colonne du centre-->
<div id="content"><div class="blogbody">

Ce tuto vous est offert par Plume. Merci à elle!

Si vous souhaitez participer et contribuer à Blogtuto en parrainant un tuto, faites un don dès maintenant!

N'oubliez pas en commentaire de laisser l'adresse de votre blog pour que je puisse vous mettre en parrain ou marraine sur le tuto à venir. Merci d'avance!

Comments

[Laurent]

Bonjour, plus je suis tes conseils et moins cela marche, désolé cela n'est pas assez clair pour les débutants et le résultat m'oblige à tout recommencer et à chercher un autre service d'aide plus accessible aux amateurs.

[Julie]

...infiniment pour tous ces conseils et ces explications!!

[Kouka]

Salut Lavande! Merci pour tout ce travail titanesque que tu as fait! J´essaye de passer en mode avancé en suivant tes conseils, mais j´ai une question:
ETAPE 3: quand tu dis de nommer les blocs, tu veux dire ajouter le nom francais a coté du code en question?