Comment mettre des compteurs et où et comment placer leurs codes :

(Pour tous les niveaux de blogs [privilège & confiance])

Les compteurs peuvent être mis :

Dans le bas du blog (bas ou pied de page), dans l'entête, dans l'article d'accueil, ou dans un module "texte libre"

N.B. : Le code est à placer en mode HTML(Bouton "Source")

Pour le placer en bas ou dans l'entête de votre blog :

"Design" => "Éditer les blocs" => "Éditer le pied de page" (ou : "Éditer l'entête") => cliquez sur le bouton "Source" => collez le code => "Enregistrez" (OK).

Pour le placer dans un module "texte libre" :

"Modules" => module "Texte Libre" (cliquez sur le petit bloc-notes rectangle) => cliquez sur le bouton "Source" => collez le code => "Enregistrez" (Ok).

Pour le placer dans la page d'accueil :

"Configuration" => "Gérer votre message d'accueil" => "ajouter/modifier votre message d'accueil" => dans la fenêtre qui s'ouvre cliquez sur le bouton "Source" => collez le code => "Enregistrez" (OK).

/!\ Le code ne se met JAMAIS dans le CSS /!\

*=*=*=*

Les compteurs d'Over-Blog (Pour blogs niveau privilège & confiance) :

Il en existe deux :

Le premier permet d'afficher le nombre de connectés sur la totalité du réseau d'Over-Blog

Sa balise se présente sous cette forme : <!-- counter(global) -->

Le deuxième permet d'afficher le nombre de personnes présente sur votre blog en temps réel.

Sa balise se présente sous cette forme : <!-- counter(current) -->

Prises telle quelle ce n'est ni très explicite pour vos visiteurs, ni très joli (juste les numéros sont affiché)

Voici quelque exemples de codes et de texte (personnalisez les ;) )

(Rappel : Ce code NE DOIT PAS être mis dans le CSS)

Seul :

Le code :

<FONT color=#000000 size=3>Il y a actuellement <!-- counter(global) --> personnes sur O-B</FONT>

Ce qui donne :

Il y a actuellement 35895 personnes sur O-B

et le code pour le deuxième :

<FONT color=#000000 size=3>Il y a <!-- counter(current) --> personne(s) sur ce blog</FONT>

Ce qui donne :

Il y a 3 personne(s) sur ce blog

Ou ensemble :

Le code :

<FONT color=#000000 size=3>Il y a actuellement
<!-- counter(global) --> personnes connectées à Over-Blog dont <!-- counter(current) --> sur ce blog</FONT>

Ce qui donne :

35895 personnes connectées à Over-Blog dont 3 sur ce blog

Vous pouvez aussi faire défiler le texte (ici la version full [avec un font de couleur derrière le texte et texte mis en couleur, deux ligne qui entoure le "défilant"])

(Rappel : Ce code NE DOIT PAS être mis dans le CSS)

Le code :

<HR style="WIDTH: 100%; HEIGHT: 2px" color=#ffd375>

<P style="COLOR: rgb(0,0,0); BACKGROUND-COLOR: rgb(255,211,117)"><FONT size=3>
<MARQUEE style="FONT-WEIGHT: bold" scrollAmount=2 scrollDelay=5 behaviour="scroll">~ Il y a actuellement
<!-- counter(global) --> personnes connectées à Over-Blog dont <!-- counter(current) --> sur ce blog ~</MARQUEE></FONT>
<HR style="WIDTH: 100%; HEIGHT: 2px" color=#ffd375>

Ce qui donne :

COLOR: rgb(0,0,0) représente la couleur du texte, ici en noir (peux aussi s'écrire COLOR:#000000)

BACKGROUND-COLOR: rgb(255,211,117) désigne la couleur du fond, ici jaune (peux aussi s'écrire BACKGROUND-COLOR:#FFD375 ou être remplacé par une image BACKGROUND-IMAGE:URL(HTTP://ici_le_lien_vers_l'mage) )

"Font size=3" représente la taille du texte

"FONT-WEIGHT: bold" veut dire texte écrit en gras

"scrollAmount=2" et "scrollDelay=5" représentent la vitesse de défilement et le délais entre deux défilement

"behaviour="scroll"" le nombre de défilement complet (ici à l'infini/non stop)