16 novembre 2007 à 23:58

[Tuto6b]Menu de navigation Droite

Et zou, quoi y s'passe du côté de ma barre de droite? on y trouve tous les autres blocs.
photo, liste des membres, contact par mail, liste des amis, flux RSS et liste des fils d'actualités.

La photo de l'auteur:

<CBOwner>
  <BlogOwnerPictureURL>
    <div class="image">
      <a href="<$BlogOwnerProfileURL$>"><img src="<$BlogOwnerPictureURL$>" border="0" /></a>
    </div>
  </BlogOwnerPictureURL>
</CBOwner>

Une div image pour pouvoir positionner la photo tranquillou, et un lien bête  vers la page de l'auteur (<$BlogOwnerProfileURL$>). L'image est bien entendu celle de Paramètre/Profil Public/Votre image de présentation. On lui supprime les bords en ajoutant le code de style dans la balise, mais on aurait pu (du) le faire dans la classe image tant qu'a faire.

La liste des auteurs:

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

On parcours la base de donnée des membres du blogs (<CBMembers>) et on ajoute un lien vers le profil avec le nom du membre adéquat.

Le mail:

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

Une chouette petite classe item.  Cette classe permet  de gérer le texte et l'affichage des informations. Si vous ajoutez quelque chose, genre liens, ou commentaire perso, veillez à les mettre dans une div item, et non pas forcément un paragraphe. La div item à un espace au dessus et en dessous à la base ce qui évite également les sauts de ligne en html (<br />).
Après, dans note petite div, on trouve un script qui affiche le liens pour envoyer un courrier à l'adresse indiqué dans votre profil (<$BlogOwnerNoSpamEmailLink$>). L'utilisation du javascript permet de passer outre les robots qui parcours le net pour recueillir des adresses mail et envoyer des spams (courriel indésirables).

La liste des amis:

<BloggerFriendLinks>
  <BlogFriendLinkHeader>
    <div class="title"><$BlogFriendLinkCategoryName$></div>
    <ul>
  </BlogFriendLinkHeader>
      <li><a href="<$BlogFriendLinkURL$>"><$BlogFriendLinkName$></a></li>
  <BlogFriendLinkFooter>
    </ul>
  </BlogFriendLinkFooter>
</BloggerFriendLinks>

On va chercher dans votre base de donnée tous les Liens enregistrés sur la page Contenu/Lien d'amis. CB affiche cette liste d'amis sous forme de liste. Pratique étant donné que l'on peut diviser les liens en catégories.
De fait, chaque nouvelle catégorie(<$BlogFriendLinkCategoryName$>) donne lieu à la création d'une nouvelle liste. Ensuite dans les lignes de la liste, on mets un lien(<$BlogFriendLinkURL$>) vers un ami avec comme texte le champ Nom du site (<$BlogFriendLinkName$>). On fait tous les amis de la même catégorie, quand il n'yen a pus on ferme la liste et on passe à la catégorie suivante.

Le Flux RSS:

<BlogSiteFeed>
  <div class="item">
    <a href="<$BlogSiteFeedURL$>" title="Syndiquez ce blog">Version XML</a>
  </div>
</BlogSiteFeed>

J'ai expliqué ici à quoi servait le flux RSS. Et bien ceci en est le code. <$BlogSiteFeedURL$> pointe vers http://votreblog.canalblog.com/rss.xml. Vous remarquerez qu'il se trouve dans une div item ;-)

La  liste des fils d'actualités:

<CBFeeds>
  <BlogFeedHeader>
     <div class="title">      <a href="<$BlogFeedURL$>"><$BlogFeedTitle$></a>    </div>
  </BlogFeedHeader>
  <$BlogFeedHeadLines$>
</CBFeeds>

Permet d'afficher les X derniers titres de message d'un blog. Les blogs voulu sont ajouter dans Outils/Syndication, le nombre de message est fixé juste après avoir entré l'adresse du site ou du flux rss.
<$BlogFeedTitle$> est le nom du site (repris grace a l'information dans le <title></title> du <head> du site.
<$BlogFeedURL$> est l'adresse du flux rss.
<$BlogFeedHeadLines$> sont en fait les X derniers liens vers les articles du bloc concernés.

et voila.
Vous avez dans les tutos 6a et 6b le code de tous les blocs de CB. Très utile quand on est apssé en mode avancé et qu'on veut pas se battre avec le code de CB pour les retrouver.

- Tuto - Commentaires [1] - Permalien [#]

Commentaires

    bon

    Je vais pouvoir apprendre quelque chose a propos des codes Trop cool!

    Par jinx37, 20 novembre 2007 à 13:20

Poster un commentaire