25 juillet 2013
4
25
/07
/juillet
/2013
17:22
1. Les compteurs d'Overblog
Sur OB, il y a 2 types de compteurs très facile à mettre.
Bonne nouvelle donc, pour toutes celles et ceux qui ne veulent pas toucher au code !
1.1 Nombre de personnes connectées sur votre blog à l'instant T.
La syntaxe est la suivante : <!-- counter(current) -->
1.2 Nombre de personnes connectées sur le réseau d'Over-Blog
La syntaxe est la suivante : <!-- counter(global)
-->
1.3 Où mettre ces compteurs :
Vous pouvez mettre ces compteurs ou vous voulez ! Le plus courant est dans un module "texte libre" sur votre page d'accueil.
1.4 "Habiller" ces compteurs
Voici 2 exemples d'habillage, afin que vos visiteurs comprennent ce que vous affichez :
Si
vous copiez, en mode avancé, ceci :
<br /><table style="border: #8151ad 2px solid;" border="2" align="center">
<tbody>
<tr>
<td><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 10pt;"><br /> Il y a actuellement <span style="color:
#800080;"> <!-- counter(global) --> </span> personnes connectées sur OverBlog dont <span style="color: #800080;"> <!--
counter(current) --> </span> sur ce blog <br /><br /></span></span></td>
</tr>
</tbody>
</table>
<br />
vous obtenez cela :
Il y a actuellement personnes connectées sur OverBlog dont
sur ce blog
|
Faire défiler votre compteur :
Allez voir l'article sur le défilement ICI
Avec une balise marquee pour faire défiler votre compteur, cela donne :
<marquee behavior="alternate">Il y a actuellement <!-- counter(current) -->
personne(s) présente(s) sur ce blog</marquee>
2. Les compteurs donnés en code HTML
2.1 Compteur de Free
Utilitaire très sympa dans la FAQ
d'overblog pour récupérer en 30 s le code de votre compteur :
Un exemple ici :
<img src="http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[faireunblog.over-blog.com52].dat&ft=2&st=115&dd=B">
qui donne : 
2.2 Compteur chez Imingo :
Beaucoup de choix chez eux ! Allez voir
Un exemple ici :
<center>
<a href="http://www.imingo.net" target=_top>
<img src="http://www.imingo.com/services/compteur/icptgr.php?id=faireunblog1"
name="imingo.com" border="0" alt="un compteur pour votre site"></a>
</center>
qui me donne
:
2.3 Chez Blogoutil
Très simple, quelques paramétrages mais pas de possibilité de faire démarrer le compteur à un autre numéro que 1. Mettez donc ce compteur dès la création de votre blog !
Celui que j'ai choisi ici se remet à 0 tous les jours.
<a href="http://www.blogoutils.com/" target="_blank" title="Compteur pour blog
gratuit"><img src="http://www.blogoutils.com/compteur-visiteurs-jour-5-ff0000-8.gif" alt="Compteur pour blog gratuit"
style="border:none;" /></a>
ce qui donne
:

Vous en trouverez bien sûr d'autres en navigant sur la grande toile. Je vous ai donné mes préférés dans cet
article !
Published by Aurelie
-
dans
Personnaliser son site
17 juillet 2013
3
17
/07
/juillet
/2013
07:19
Il est toujours bon de faciliter l'accès de votre blog à votre
visiteur. .gif)
Vous pouvez donc lui proposer de mettre votre site en page de démarrage de son explorateur Internet, afin qu'il n'ait plus à vous rechercher sur la grande toile.
Procédure :
Pour cela, vous allez dans le code HTML de l'article, ou le module où vous souhaitez mettre cette aide.
Vous tapez le code suivant :
<a style="behavior: url(#default#homepage);"
title="Mettre en page de démarrage" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://faireunblog.over-blog.com/');" href="#"><em><span style="font-size: 8pt;">Mettre ce site en page de
démarrage</span></em></a>
Personnalisation
:
Si vous ne faites rien, votre visiteur
aura MON site sur sa page de démarrage.
Ça me va, mais je suppose que ce n'est pas ce que vous voulez !
Il va donc vous falloir changer les parties en violet avec votre message, et surtout, l'adresse de votre site !
Je
vous conseille de copier/coller ce code puis de faire minutieusement vos modifications. N'effacez pas, par exemple, les petits guillemets qui se trouvent autour de l'adresse de votre
site...
Published by Aurelie
-
dans
Personnaliser son site
15 juillet 2013
1
15
/07
/juillet
/2013
16:55
.gif)
Certains blogs donnent la possibilité à leurs visiteurs d'imprimer facilement leurs articles.
1. Pourquoi fournir un fichier imprimable ?
C'est particulièrement utile quand votre blog donne des recettes, des façons de faire, des modes d'emploi.... que votre visiteur voudra utiliser et donc consulter loin de son
ordinateur.,
Je le fais, par exemple, sur mon blog de "Recettes et déco". A la fin de chaque recette, j'ai un lien en texte et un lien en image (celle d'une imprimante) qui permettent d'accéder au
fichier imprimable.
Aller voir un exemple ICI
2. Comment faire ce fichier imprimable
Ce fichier doit contenir les informations données dans votre article.
Il est fortement conseillé également de :
* Ajouter l'adresse de votre blog en entête ou pied de page (histoire qu'on n'oublie pas d'où vient l'information)
* Faire une mise en page afin que l'article tienne sur un nombre minimum de feuilles
* Enregistrer votre fichier sous Acrobat, afin que l'utilisateur puisse le lire, quelque soit ses logiciels et ses versions. Une fois votre fichier prêt, "imprimez" le sous format "pdf".
Enfin, il va vous falloir enregistrer ce fichier sur internet.
3. Enregistrer votre fichier imprimable sur internet
Vous avez 2 possibilités :
* L'enregistrer chez l'hébergeur de votre blog.
* L'enregistrer sur un site de sauvegarde de fichiers.
3.1 Enregistrement sur Overblog
Le plus simple est de l'enregistrer chez votre hébergeur de blog.
Over-blog vous permet de le faire, avec un pack Premium, ou si vous êtes en mode "Privilège".
Pour cela, après vous être connecté à votre administration; il faut aller dans "Documents", puis "Autres fichiers".
Récupérer votre fichier sur votre disque dur et valider.
Noter son adresse avant d'aller sur l'article où vous allez le lier.
3.2 Enregistrement du fichier imprimable sur un site de sauvegarde.
Si votre hébergeur de blog ne vous permet pas de sauvegarder vos fichiers texte (ou pdf), allez voir ICI, je recommande un site de sauvegarde gratuit et j'indique la procédure à suivre.
4. Fournir le fichier imprimable à partir de votre article
Il vous faut maintenant aller sur l'article concerné (celui où vous voulez fournir une version imprimable).
Insérer une image (une imprimante me semble logique), et/ou un texte.
Faire un lien entre votre image et/ou votre texte et votre fichier pdf.
Published by Aurelie
-
dans
Personnaliser son site
23 juin 2013
7
23
/06
/juin
/2013
10:13
1 D'où viennent vos visiteurs ?
Il peut être intéressant (et surprenant parfois) d'en savoir un peu plus sur les visiteurs de votre site.
Le Site Geo
visite permet de mettre des compteurs de géolocalisation de vos
visiteurs.
Vous devez vous inscrire sur le site afin de choisir et paramétrer votre compteur.
Il y en a de différents types, associés à une horloge, la météo, la carte du monde...
Si vous êtes en mode confiance sur Overblog, il faut copier le code simplifié.
2 Les différents compteurs de géolocalisation
En voici quelques exemples :
Le Geoclock :
|
|
Le Geoweather :
|
Le Geomap :

|
|
Le Geocounter :
|
Published by Aurelie
-
dans
Personnaliser son site
22 juin 2013
6
22
/06
/juin
/2013
16:03
C'est l'époque de la traditionnelle carte de voeux
! Vous avez jusqu'à la fin janvier pour la faire parvenir à vos proches.
Si vous voulez publier une carte de voeux personnalisée sur votre blog, voici comment faire
!
1. Choisir une carte de voeux pour blog
Vous allez
chez Makeet
* Vous choisissez votre carte.
* Vous personnalisez ce que vous souhaitez : attention, à partir d'un certain nombre de modif (à priori 4), votre carte devient payante ! C'est
indiqué sous votre carte à droite, juste avant le bouton "continuer"
* Le bouton "Voir l'écran" en haut vous permet de visualiser vos modif.
* Une fois fini, un petit clic sur "Poster votre carte sur un blog" en bas d'écran et vous récupérer le code HTML fourni.
* Si vous voulez que le système crée automatiquement votre article avec votre carte vistuelle à l'intérieur, sélectionner votre hébergeur de blog et
renseigner les informations demandées. Ainsi, pas de code HTML à copier !
Published by Aurelie
-
dans
Personnaliser son site
21 mai 2013
2
21
/05
/mai
/2013
16:58
1. Traducteurs de pages sous forme de drapeaux
Suite à mon précédent article sur les outils de traduction (à revoir ici : Mettre un drapeau de traduction dans votre blog ), et aux questions posées en commentaire, je vous fournis ci-dessous les codes pour les drapeaux animés les
plus courants :
2. Codes HTML de traduction de page avec drapeaux animés
Rappel : le(s) code(s) est à placer en édition HTML, et doit être encadré par <div>......</div>
2.1 Drapeau animé de traduction Français vers Américain
<a title="American"
onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" rel="nofollow"
target="_blank"><img src="http://www.quigif.com/images_gifs/drapeaux/usa/usa.gif" alt="English" title="Translate this page to American" style="cursor:pointer; cursor:hand;"
/></a>
2.2 Drapeau animé de traduction Français vers Allemand
<a
onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;" rel="nofollow"
target="_blank"><img src=" http://sd-1.archive-host.com/membres/up/42016049459753927/Drapeau_germania.gif " alt="deutsch" title="diese Seite auf deutsch" style="cursor:pointer;
cursor:hand;" /></a>
2.3 Drapeau animé de traduction Français vers l'Espagnol
<a
onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;" rel="nofollow"
target="_blank"><img src="http://www.123gifs.com/gifs/drapeau/espagne/123gifs011.gif" alt="español" title="traducir esta página al español"
style="cursor:pointer; cursor:hand;" /></a>
2.4 Drapeau animé de traduction Français vers l'Italien
<a
onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;" rel="nofollow"
target="_blank"><img src="http://www.123gifs.com/gifs/drapeau/italie/123gifs001.gif" alt="Italiano" title="Traduci questa pagina in Italiano" style="cursor:pointer; cursor:hand;"
/></a>
2.5 Drapeau animé de traduction Français vers le Portugais
<a
onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpt&hl=fr&ie=UTF8'); return false;" rel="nofollow"
target="_blank"><img src="http://www.123gifs.com/gifs/drapeau/portugal/123gifs005.gif" alt="Português" title="Traduzir esta página em Português"
style="cursor:pointer; cursor:hand;" /></a>
Published by Aurelie
-
dans
Personnaliser son site
17 mai 2013
5
17
/05
/mai
/2013
10:24
1. Les calendriers animés
On trouve facilement des calendriers animés sur le web.
Si vous voulez afficher un calendrier dans un de vos modules, je conseille de mettre un calendrier animé, qui apporte un peu de décoration à votre blog.
On en trouve de toutes sortes, des drôles, des à thème, des photos...
2. Mon site préféré
Le site de WishAFriend en propose beaucoup.
Ceux que j'utilise sur cet article et sur mon blog en général viennent de là.
2.1 Mettre un calendrier animé sur son blog
En général, on met un calendrier dans un module, afin qu'il soit visible sur tout le blog.
Si vous allez sur le site conseillé, vous pouvez même leur demander de vous envoyer directement le calendrier choisi en cliquant sur le logo de votre hébergeur de blog et en entrant vos
identifiants et l'adresse de votre blog.
2.2 Code HTML
Le code est en application Flash(donc normalement pas compatible avec un mode confiance chez Over-Blog), mais il suffit de prendre le code dans sa version
"Embed" pour que cela fonctionne parfaitement. C'est le code tout en bas dans WishAFriend.
2.3 Exemple avec le calendrier animé fleuri
Code à coller en mode HTML dans votre module :
<embed type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://i251.photobucket.com/albums/gg294/wafpaf/calendars/swf/flowers1.swf" quality="high" width="260" height="210" swliveconnect="true" allowscriptaccess="samedomain" /><br><a
href="http://www.wishafriend.com/calendars/"
target="new">Flash Calendars</a>, <a href="http://www.wishafriend.com/calendars/flowers/" target="new">Flowers Calendars</a> at WishAFriend.com
2.4 Les dimensions du calendrier
Modifier si besoin les dimensions du calendrier afin que sa taille soit adaptée à l'endroit où vous le mettez
!
Les paramètres à modifier sont :
*width pour sa largeur
*height pour sa hauteur
Si vous avez besoin d'explications supplémentaires, déposez moi votre question en commentaire !
Published by Aurelie
-
dans
Personnaliser son site
15 mai 2013
3
15
/05
/mai
/2013
13:44
Vous voulez vous créer une signature animée et décorée ? Alors, il vous faut aller sur
Gif-mania.
Comment se faire une signature animée ?
* Vous commencez par choisir la figurine qui vous plait.
* A droite, vous choisissez la police et la taille de
caractère.
* Une palette vous aide à définir la couleur
* Vous tapez ensuite votre nom ou pseudo (celui qui apparaitra dans la
signature)
* Bouton OK.
La signature est créée !
Comment utiliser la signature animée
Il ne reste qu'à l'enregistrer sur ton ordi pour l'utiliser.
Pour les blogs, vérifier que la section d'enregistrement des "images" accepte les animations
!
Pour Over-blog, par exemple, mieux vaut enregistrer votre signature animée sur un site d'archive (comme
Archive-host.com).
A lire aussi
Créer sa signature animée en poupée Doll
Plein de gifs animés pour décorer votre blog, vos mails
Published by Aurelie
-
dans
Personnaliser son site
10 mai 2013
5
10
/05
/mai
/2013
16:48
Adoptez une petite déco qui se ballade sur votre écran !
C'est sur FreeFlashToys.com !
Vous avez le choix entre :
* Des papillons (mon exemple)
* un singe
* un chat
* un panda
* un poisson
* une dinde
* un chien
* un dauphin
* un poney
* une deco de nël
* une deco halloween
Published by Aurelie
-
dans
Personnaliser son site
4 mai 2013
6
04
/05
/mai
/2013
13:13
Published by Aurelie
-
dans
Personnaliser son site