Débuter sur iWeb : les commentaires avec JS-kit

Les pages du blog d’iWeb est en langage HTML, contrairement à tous les autres générateurs de blogs (Wordpress, Dotclear, Rapidweaver etc. ) qui utilisent le PHP. Ce qui empêche l’interractivité du site avec le visiteur et donc la possibilité de poster les commentaires . Apple a réussi à pallier ce manque pour les sites sont hébergés sur MobileMe mais pour ceux qui utilisent une publication sur un FTP il faut trouver une autre solution. J’ai donc utilisé haloscan powered by JS-kit .

Attention : Cet article date du début de l’année 2009 et à été ajouté à ce blog en juillet 2009. Malheureusement, entre temps ce service gratuit haloscan a été remplacé par Echo payant! Pour trouver une alternative gratuite veuillez vous rendre sur cette page : Commentaires gratuits sans mobileMe

Voici que ça donne en image :

Vous trouverez le module de commentaires en bas de cette page

haloscan et JS-kit

Sur le site d’haloscan :

Une simple inscription suffit , remplissez dans les champs d’inscription :

•pseudo,
•adresse email,
•un mot de passe à choisir

et laissez l’adresse d’un ou plusieurs de vos sites web

4 codes vous sont fournis dont le premier «comments service» , copier le code sous la ligne :

«Or use the universal code:»

les 3 autres codes sont pour ajouter à votre pages

des votes (Ratings) sur vos article de blog

des sondages (Polls) et

navigator : un widget pour mettre en évidence certains contenus de votre site

iWeb

Revenons dans iWeb :

collez le code copié plus haut dans un widget «fragment HTML»

redimensionnez le widget «fragment HTML» . Les commentaires vont apparaître sur votre page à l’emplacement du widget si celui ci est trop petit (et par défaut il est petit) les commentaires les plus bas situés n’apparaîtront sur votre page. Perso pour commencer j’ai choisi une hauteur de 800px

soit on fait ça grace aux poignées de redimensionnement du widget dans l’interface di’Web

soit par inspecteur on selectionne le widget fragment HTML et dans l’inspecteur des mesures , on change la «Taille».

soit par le code, j’ai ajouté au fragment HTML
<div style="height:800px">le code de JS-kit</div>
remplacer «le code de JS-kit par le vrai code donné par JS-kit. Cette 3e methode a ma préférence parce que dans les deux premières, le widget revient à sa taille par défaut à la moindre manipulation de son code.

Publiez.

Navigateur

Sur votre navigateur :

visitez votre site avec votre navigateur

Sachez que deux apparence sont possibles :

si vous êtes connectés en temps qu’administrateur vous verrez en plus des commentaires le panneau Administration Note :

Les autres visiteurs ne le verront pas

Si, pour des tests, vous souhaitez voir ce que voit normalement le visiteur de votre site, je vous conseille d’utiliser un autre navigateur ( avec lequel vous ne serez pas connecté comme administrateur).

Vous avez la possibilité grâce à ce panneau par ex. de changer la couleur des liens pour peu que vous vous vous y connaissiez en code CSS. Par ex. à la fin des commentaires on trouve des liens bleus et soulignés (cf images plus haut) qui pourront prendre l’apparence suivante :

Ajoutez un commentaire @ Controls (Powered by JS-Kit)

Les commentaires

Vous êtes à la fin de cet article . Veuillez laisser vos commentaires ci-dessous:

RSS FEED

ACCUEIL