28 janvier 2008
Installer un outil de traduction sur votre blog
Vous souhaitez permettre à vos internautes non francophones de traduire vos pages dans leur langue ?
Suite à la demande de plusieurs Canalbloggers, j'ai décidé de vous "divulguer" la méthode pour y parvenir.
Pour installer un traducteur sur votre blog, la façon la plus simple est de copier-coller un code dans l'une des colonnes de votre blog, sur chacune des pages sur lesquelles vous souhaitez que l'outil apparaisse. Voici les étapes à suivre :
1. Rendez-vous sous l'onglet "Apparence"
2. Cliquez sur "Editer les fichiers de ce modèle"
3. Choisissez dans le menu déroulant la première page dans laquelle vous souhaitez installer le fameux traducteur (par exemple, la page d'accueil)
4. Ouvrez une autre fenêtre pour vous connecter sur la page Yahoo! Babel Fish où se trouve le code à insérer dans vos pages. Sur ce site, cliquez sur le deuxième "Je veux cet outil" (celui qui a pour titre "Traduire votre page")
5. Il vous suffit ensuite de copier-coller le code affiché au sein de votre page Canalblog (par exemple, la page d'accueil), de préférence juste après le code <div id="rightbar"><div class="navlinks">
Voili voilou !
14 janvier 2008
Installer un moteur de recherche sur son blog
L'outil de recherche est devenu indispensable pour permettre aux internautes de s'y retrouver au sein d'un site web ou d'un blog. Je vous indique ci-dessous les étapes pour installer un moteur de recherche dans votre blog Canalblog :
1. Rendez-vous sous l'onglet "Apparence"
2. Cliquez sur "Editer les fichiers de ce modèle"
3. Choisissez dans le menu déroulant la première page dans laquelle vous souhaitez installer le fameux moteur (part exemple, la page d'accueil)
4. Dans une autre fenêtre, rendez-vous par exemple sur la page de Yahoo (Google est un peu plus compliqué à installer, mais si vous me le demandez, je me ferais un plaisir de vous détailler la démarche) donnant le code du moteur à installer : http://fr.search.yahoo.com/info/ysearchbox_instructions.html
5. Choisissez la version "Choix 2" (si vous désirez installer le moteur dans la partie centrale de votre page web) ou "Choix 4" (si vous désirez insérer le moteur dans une de deux colonnes de la page)
6. Il vous suffit alors de remplacer le texte "VOTRE DOMAINE" dans le code figurant sous la version du moteur que vous préférez par l'adresse complète de votre blog (par exemple "personnaliser.canalblog.com")
7. Copiez ensuite le code ainsi modifié
8. Retournez sur la page Canalblog où vous souhaitez afficher le moteur (page d'accueil, par exemple) puis collez le code à l'endroit souhaité :
- pour le moteur "choix 2" : l'emplacement idéal se situe entre les balises <div class="blogbody"> et <Blogger>
- pour le moteur "choix 4" : placez-le plutôt en haut de la colonne de droite, c'est-à-dire juste après les balises <div id="rightbar"><div class="navlinks">
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é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é par <$BlogItemAuthorNickname$> à <$BlogItemDateTime$> <BlogItemCategories> - <a href="<$BlogItemCategoryLink$>" title="Autres messages dans cette catégorie"><$BlogItemCategoryName$></a> </BlogItemCategories> <BlogItemComments> - <a href="<$BlogItemCommentsURL$>" title="Commentez ce message">Commentaires [<$BlogItemCommentsCount$>]</a> </BlogItemComments> <BlogItemTrackBacks> - <a href="<$BlogItemTrackBacksURL$>" title="Rétroliens">Ré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"> </div></div></body>
07 janvier 2008
Personnaliser le pied de page
Sur Canalblog, pour personnaliser le pied de vos pages, c'est-à-dire ajouter une expression du genre "© Votreblog.canalblog.com | 2007 - 2008 | Tous droits réservés" en bas de vos pages, il vous suffit d'ajouter sur les pages (en mode avancé, puis sous l'onglet "Apparence") de votre choix le code suivant juste avant la balise </body> :
<hr><center><font color="black" face="arial" size="2">© <b>Votreblog.canalblog.com</b> | 2007 | Tous droits réservés<font/><center/>
Personnaliser la catégorie "Derniers commentaires"
Si vous avez un blog Canalblog, vous avez la possibilité de modifier l'aspect de la rubrique "Derniers commentaires".
Si vous souhaitez obtenir la structure "Pseudo d'un internaute" sur "titre de l'article commenté" au lieu de "Début du commentaire" sur "titre de l'article commenté", rendez-vous dans l'onglet "Apparence" puis "éditez les fichiers de ce modèle" (accessible en mode avancé uniquement).
Choisissez ensuite dans le menu déroulant les pages où vous souhaitez installer le bouton.
Dans le code HTML de chacune des pages, pour obtenir la structure , il vous suffira de remplacer le code figurant de <div class="title">Derniers commentaires</div> à </CBLastComments></ul> par le code suivant :
<div class="title">Derniers commentaires</div>
<ul>
<CBLastComments>
<li><$BlogCommentAuthorNickName$> sur <a href="<$BlogItemURL$>"><$BlogItemTitle$></a></li>
</CBLastComments>
</ul>
05 janvier 2008
Insérez vos propres vidéos sur votre blog
Je vais vous expliquer ici comment ajouter une vidéo provenant sur votre blog ou votre site web en utilisant le site Dailymotion. Voici les différentes étapes à suivre :
1. Inscrivez-vous sur le site Dailymotion ou connectez-vous, si vous possédez déjà un compte.
2. Envoyez votre vidéo sur le serveur via cette page après vous être identifié. Cette opération peut prendre un certain temps.
3. Une page s'affiche alors vous proposant de partager, ou de bloguer cette vidéo. Selectionnez l'option "passer cette étape".
4. Vous arrivez alors sur la page qui diffuse votre vidéo sur DailyMotion. Dans le cadre bleu en dessous de la description de votre vidéo, copiez le code se trouvant dans la case Lecteur Exportable.
5. Recopiez simplement ce code, sur un site, ou sur un post de votre blog, et la vidéo s'affichera et sera lu directement sur votre blog par les visiteurs.
La procédure est similaire avec YouTube et la plupart des sites de partage de vidéos.
