Personnaliser son blog - Personnaliser.canalblog.com

Astuces et tutoriels pour personnaliser et rentabiliser votre blog ou votre site web ! Découvrez tous nos conseils sur Personnaliser.canalblog.com !

 

08 janvier 2008

Structure générale d'une page sur Canalblog

Vous trouverez ci-dessous les principaux éléments structurant les pages de votre blog Canalblog. Il est possible que ces éléments apparaissent dans un ordre différent, selon la structure que vous avez choisie lors de la création de votre blog. J'ai indiqué en rouge ce à quoi correspondent les balises mises en valeur.
         
<body>

<div id="container"> => début de la zone occupée par le site sur l'écran

<div id="topbar-logo"><div class="logolink"><a href="<$BlogURL$>"></a></div></div><div id="topbar"> <h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1> <h2><$BlogDescription$></h2> </div>

<div id="leftbar"> => début de la zone de la colonne de gauche

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


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

         
            </div></div><div id="content"> => début de la zone centrale de la page (contenant l'ensemble des messages)

<div class="blogbody"> => début de la zone contenant les messages
         
<Blogger> <BlogDateHeader> => structure d'un message
<h2><$BlogDateHeaderDate$></h2>
</BlogDateHeader><a name="<$BlogItemNumber$>"></a> <BlogItemTitle>
<h3><$BlogItemTitle$></h3>
</BlogItemTitle>
<p><$BlogItemBody$></p>
<div class="itemfooter">Post&eacute; par <$BlogItemAuthorNickname$> &agrave; <$BlogItemDateTime$> <BlogItemCategories> - <a href="<$BlogItemCategoryLink$>" title="Autres messages dans cette cat&eacute;gorie"><$BlogItemCategoryName$></a> </BlogItemCategories> <BlogItemComments> - <a href="<$BlogItemCommentsURL$>" title="Commentez ce message">Commentaires [<$BlogItemCommentsCount$>]</a> </BlogItemComments> <BlogItemTrackBacks> - <a href="<$BlogItemTrackBacksURL$>" title="R&eacute;troliens">R&eacute;troliens [<$BlogItemTrackBacksCount$>]</a> </BlogItemTrackBacks> - Permalien [<a href="<$BlogItemURL$>" title="Lien permanent vers ce message">#</a>]</div>
</Blogger>

         
            <$CBControlNavLinks$></div></div>

<div id="rightbar"> => début de la zone de la colonne de droite

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

<BloggerFriendLinks><BlogFriendLinkHeader> => liens vers les sites de vos amis ou vos sites préférés
<div class="title"><$BlogFriendLinkCategoryName$></div>
<ul>
  </BlogFriendLinkHeader>
  <li><a href="<$BlogFriendLinkURL$>"><$BlogFriendLinkName$></a></li>
  <BlogFriendLinkFooter>
</ul>
</BlogFriendLinkFooter> </BloggerFriendLinks>

<BlogSiteFeed> => lien RSS nommé par défaut "Version XML"
<div class="item"><a href="<$BlogSiteFeedURL$>" title="Syndiquez ce blog">Version XML</a></div>
</BlogSiteFeed>
         
            </div></div><div class="clear">&nbsp;</div></div></body>



Commentaires

Poster un commentaire







 

© Personnaliser.canalblog.com | 2007 - 2010 | Tous droits réservés | Plan du site
La reproduction des informations présentes sur ce site sous toute forme et sans autorisation est strictement interdite.
Personnaliser.canalblog.com se réserve le droit d'éditer ou de modifier ces informations à tout moment.