Canalblog
Suivre ce blog Administration + Créer mon blog

widgecolo

17 mai 2008

Installation de Widgecolo sur canalblog

Installation 1 : Pour débutant ou novice en web

L'installation du widget Widgecolo sur canalblog, c'est possible ! :)

Ce 1er tuto n'est pas une vrai installation mais un petit bidouillage qui vous permet d'afficher le widgecolo sans passer en "mode avancé" ( mode réservé à ceux qui connaissent un peu le HTML ).

Cliquez sur Contenu (menu d'en haut)
Cliquez dans Liens d'amis (sous menu)
Dans la case "nom du site" copiez et collez ceci :
<script type="text/javascript" src="http://www.widgecolo.com/conseil.php"></script>
Dans adresse internet (URL) copiez et collez ceci :
http://www.widgecolo.com

Puis cliquez sur Valider

Widgecolo apparaitra tel le widgecolo du haut dans la colonne de droite de ce blog

Vous noterez un petit problème d'affichage ( trait dessous le texte ) C'est normal car nous venons de faire croire à canalblog que le widgecolo n'est qu'en fait qu'un lien texte souligné.

Si cette présentation vous déplait et que vous préférez le widgecolo d'en bas sur la colonne de droite de ce blog, lisez la suite :-)

Installation 2 : Pour ceux qui n'ont pas peur du code

Avant toute chose vous devez passer en mode avancé. Mais comment faire ??

C'est simple, cette opération est soit disant irreversible mais ce n'est pas vraiment vrai.

Si vous avez un peu peur, visitez CE LIEN il vous expliquera comment passer en mode avancé tout en pouvant faire machine arrière si cela ne marche pas comme vous le voulez.

Si vous n'avez pas peur alors cliquez sur "apparence"  puis sur "parametres" du modèle que vous utilisez puis cochez la case "Convertir ce modèle en type avancé (attention, opération irréversible)" et valider

Une fois que vous êtes en mode avancé

Cliquez sur "apparence" puis "editez les fichiers de ce modéle" et là vous tombez sur sur la page de code de votre page d'accueil !!
Repèrez la balise <BlogSiteFeed> voici un exemple de code que vous trouverez :
"<BlogSiteFeed>
<div class="item"><a href="<$BlogSiteFeedURL ..."

Rajoutez le code du widgecolo comme suit :
"<BlogSiteFeed>
<script type="text/javascript" src="http://www.widgecolo.com/conseil.php"></script><table width="180" border="0" cellspacing="0" cellpadding="0" class="textepiedwidgecolo"><tr><td align="center"><a href="http://www.widgecolo.com">Widgecolo</a> by <a href="http://www.netecolo.com">Netecolo</a> | <a href="http://www.france-bio.fr">Produit bio</a></td></tr></table>
<div class="item"><a href="<$BlogSiteFeedURL ..."

puis Validez.

Le beau widgecolo apparaitra comme celui d'en bas de la colonne de droite de ce blog

Pour les pros, vous pouvez biensur ajouter widgecolo là où vous voulez dans le code, j'ai choisi le pied de la colonne de droite car c'est l'endroit le plus commun ...

Publicité
Publicité
Publicité