Hé oui, ça vous direz d'avoir un annuaire perso pour vos blogs hébergés par Blogger ? Hoctro a crée depuis quelques mois un modèle excepetionnel pour former un annuaire sur Blogger. Vous avez la possibilité d'y mettre vos blogs ou les blogs que vous avez aimé. Sous les titres des blos apparaîtront les derniers articles publiés.
Je viens juste de créer un annuaire pour mes blogs, vous pouvez voir le résultat ici (à améliorer dans les jours qui suivent).
Pour avoir votre propre annuaire :
2. Créez un nouveau blog
3. Dans votre nouveau blog, allez sur "Modèle", puis sur "Modifier le code html".
4. Téléchargez le modèle que vous avez enregistré dans votre ordi.
5. Quand le nouveau modèle est accepté, sélectionnez "développer des modèles de gadget"
6. Recherchez les codes suivants :
var blog1 = "uncertainblog.blogspot.com";var tabView1 = new YAHOO.widget.TabView('multiTab1');var labels1 = ['JSON Hacks','Free Templates'];function listTab1(json) {listOneTab(json, tabView1, "", false);}function listLatestPostsTab1(json) {listOneTab(json, tabView1, "Latest Posts", true);}function listLatestCommentsTab1(json) {listOneTab(json, tabView1, "Latest Comments", false);}
// Activating calls!
// Latest Postscb.search( blog1, "posts", 1, 25, 'listLatestPostsTab1');
// Latest Commentscb.search( blog1, "comments", 1, 25, 'listLatestCommentsTab1');
// Preferred Labelsfor (var i=0; i < labels1.length; i++)if (labels1[i]) cb.searchLabel(blog1, labels1[i], 'listTab1');
// Activating calls!
// Latest Postscb.search( blog1, "posts", 1, 25, 'listLatestPostsTab1');
// Latest Commentscb.search( blog1, "comments", 1, 25, 'listLatestCommentsTab1');
// Preferred Labelsfor (var i=0; i < labels1.length; i++)if (labels1[i]) cb.searchLabel(blog1, labels1[i], 'listTab1');
7. Changez le nom du blog en rouge après var blog 1 par le votre. Vous en ferez de même pour toutes les autres balises "var blog (2, 3, 4, 5, 6, 7, 8, 9...).
8. Recherchez les codes suivants :
<tr>
<td width='50%'>
<h2>Le nom de Votre Blog ici</h2>
</td>
<td width='50%'>
<h2>Le nom de votre blog ici</h2>
</td>
</tr>
<tr>
<td width='50%'>
<div class='yui-navset' id='multiTab3'/>
</td>
<td width='50%'>
<div class='yui-navset' id='multiTab4'/>
</td>
</tr>
9. Mettez le nom de votre blog aux endroits indiqués. N.B. : opération à répeter à tous les endroits où vous devrait changer de nom de blog.
10. Allez voir le résultat. Si certaines titres ne correspondent pas au nom du blog, vous saurez ce qu'il faut changer.
N.B. : Les étapes précendentes décrivent l'essentiel. Il y a d'autres modifications à effectuer, je vous tiendrais au courant avec le temps.
Bonne chance.
Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog.
Sentez-vous libre de laisser un commentaire.
Merci d'être passé.
peux tu me renvoyer le modèle pour créer l'anuaire ton lien ne fonctionne plus, s'il te plaît ?Merci !
RépondreSupprimer@ M : Je viens de tester le lien, il fonctionne. Tu fais un click droit puis tu choisis "enregistrer sous", tu choisis où enregistrer ton modèle et tu lance l'opération.
RépondreSupprimerHimhum, je suis blonde c'est pour ça ;-)
RépondreSupprimerM
bonjour Rodney,
RépondreSupprimerle modele xml n'existe plus. Peux-tu nous permettre de le télécharger à nouveau?
merci,
cdt,
Yves