19 février 2008
Comment insérer un compteur live et une bannière page rank
Vous souhaitez savoir en temps réel combien de personnes sont connectées sur votre blog ou connaître votre page rank (indice de popularité de votre site, calculé selon un algorithme créé par Google) quand vous le souhaitez ? C'est très simple, il vous suffit de suivre les étapes suivantes :
1. Pour un compteur live, rendez-vous à l'adresse : http://www.atoomic.com/alive.php
2. Inscrivez votre site en remplissant l'ensemble des champs du formulaire
3. Copiez le code correspondant au compteur live ou au page rank et collez-le dans l'une des colonnes de la page d'accueil de votre blog : pour cela, rendez-vous dans l'onglet "Apparence" > Editer les fichiers de ce modèle > dans le menu déroulant, choisissez "Page d'accueil" > collez le ou les code(s) après la balise <div id="rightbar"><div class="navlinks">
Voici ce que vous obtiendrez après avoir collé les codes :
02 février 2008
Ajoutez une image de fond à votre blog !
Pour insérer une image de fond à votre blog Canalblog, rien de plus simple ! Suivez les étapes suivantes :
1. Choisissez une image au format 1020 x 600 px.
2. Cliquez sur l'onglet "Nouveau message". Dans ce nouveau message, cliquez sur l'icône "Insertion d'un fichier" et parcourez votre PC pour sélectionner l'image à insérer sur votre blog.
3. Rendez-vous directement sous l'onglet "Outils" puis allez dans "Gestion des fichiers" puis "docs". Dans ce dossier, cherchez l'image que vous venez d'insérer et faites un clic droit dessus puis choisissez "Propriétés". Dans la fenêtre qui s'ouvre, sélectionnez et copiez l'URL (adresse web) affichée.
4. Allez ensuite dans l'onglet "Apparence" puis "Editer les fichiers de ce modèle". Dans le menu déroulant, choisissez "Feuille de style générale".
5. Une fois sur la feuille de style, repérez le bloc de codes commençant par "body" et ajoutez la ligne de code suivante : background-image: url("ADRESSE URL DE VOTRE IMAGE");background-attachment : fixed;
Attention : n'oubliez surtout pas le ";" à la fin de l'expression !
6. Voici ce que vous devriez obtenir :
body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #696969;
background-image: url("ADRESSE URL DE VOTRE IMAGE");background-attachment : fixed;
}
7. Option : Vous pouvez rendre votre fond d'écran mobile (qui se déplace en même temps que votre page défile) en supprimant l'expression background-attachment : fixed;
De nouveaux boutons RSS !
Voici quelques jolis boutons RSS pour agrémenter votre site :
Pour savoir comment installer l'une de ces icônes RSS sur votre blog, cliquez ICI.
