Overblog Suivre ce blog
Administration Créer mon blog
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 />&nbsp;&nbsp;Il y a actuellement <span style="color: #800080;">&nbsp;<!-- counter(global) -->&nbsp;</span> personnes connect&eacute;es sur OverBlog dont <span style="color: #800080;">&nbsp; <!-- counter(current) -->&nbsp;</span> sur ce blog&nbsp;&nbsp;&nbsp;<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 &nbsp;<!-- counter(current) -->&nbsp; personne(s) pr&eacute;sente(s) sur ce blog</marquee>

Il y a actuellement    personne(s) présente(s) sur ce blog


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 :                                                 
un compteur pour votre site  


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 :                                               
Compteur pour blog gratuit


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 !



 

                                        Rendez-vous sur Hellocoton !
Repost 0
17 juillet 2013 3 17 /07 /juillet /2013 07:19



Il est toujours bon de faciliter l'accès de votre blog à votre visiteur.      

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&eacute;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&eacute;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...



 

                                        Rendez-vous sur Hellocoton ! 




Repost 0
15 juillet 2013 1 15 /07 /juillet /2013 16:55

  Version imprimable


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.




* 5 articles à lire pour démarrer votre blog * Référencements et indexations * Initiation au langage HTML
* Plein de gadgets pour votre blog * Tout savoir sur les images dans votre blog * Tout pour modifier et embellir vos textes
* Des astuces ! * Votre blog ne ressemblera pas aux autres * Index des articles

 

                                          Rendez-vous sur Hellocoton !
Repost 0
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 :

formation


        
Le Geoweather :

formation










Le Geomap :

formation

 

Le Geocounter :

formation



 

 

superstickies




 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des jeux
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
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 !

 

 


 

A relire également : Mettre une image dans vos articles  
   Faire bouger vos images  
   Transformer vos images pour qu'elles scintillent

 


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
21 mai 2013 2 21 /05 /mai /2013 16:58
English  deutsch  español Italiano Português


 


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)+'&amp;langpair=fr%7Cen&amp;hl=fr&amp;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)+'&amp;langpair=fr%7Cde&amp;hl=fr&amp;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)+'&amp;langpair=fr%7Ces&amp;hl=fr&amp;ie=UTF8'); return false;" rel="nofollow" target="_blank"><img src="http://www.123gifs.com/gifs/drapeau/espagne/123gifs011.gif" alt="espa&ntilde;ol" title="traducir esta p&aacute;gina al espa&ntilde;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)+'&amp;langpair=fr%7Cit&amp;hl=fr&amp;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)+'&amp;langpair=fr%7Cpt&amp;hl=fr&amp;ie=UTF8'); return false;" rel="nofollow" target="_blank"><img src="http://www.123gifs.com/gifs/drapeau/portugal/123gifs005.gif" alt="Portugu&ecirc;s" title="Traduzir esta p&aacute;gina em Portugu&ecirc;s" style="cursor:pointer; cursor:hand;" /></a>


 


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
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 !


 

                                    Rendez-vous sur Hellocoton ! 

 


Repost 0
15 mai 2013 3 15 /05 /mai /2013 13:44

signature_Faireunblog.gif


 

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

 

SignatureAurelie.gif


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
10 mai 2013 5 10 /05 /mai /2013 16:48


pYzam Page Pets

FreeFlashToys Page Pets

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

 


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
4 mai 2013 6 04 /05 /mai /2013 13:13


 


 
Vous oubliez tout le temps de souhaiter la fête de vos proches !

Voilà l'outil qu'il vous faut !  Il affiche le Saint du jour, ainsi que l'historique du prénom, et quelques commentaires sur ceux ou celles qui le portent.


Insérer le gadget "Saint du jour" sur votre blog


Il faut bien-sûr passer en mode avancé, car c'est du code HTML que je vous donne.

Il fonctionne pour tous les niveaux chez OB.

Le code pour mettre ce widget sur votre blog :

<p width="100%" align="center"><embed pluginspage="http://www.adobe.com/go/getflashplayer" src="http://www.yourminis.com/Dir/GetContainer.api?uri=yourminis/jeanphi/mini:rsssaintdujour" width="180" height="310" wmode="transparent" FlashVars="width=180&hostname=www.yourminis.com&uri=yourminis/jeanphi/mini%3Arsssaintdujour&color=8557823&statshostname=stats.yourminis.com&swfhost=ct.yourminis.com&height=310&" type="application/x-shockwave-flash" allowScriptAccess="always" ></embed><br /><a title="For more widgets please visit www.yourminis.com" href="http://www.yourminis.com/index_minis.aspx?embeddedmini" target="_blank"><img border="0" alt="For more widgets please visit www.yourminis.com" src="http://www.yourminis.com/images/poweredby.png"/></a></p>


Un problème pour utiliser du code HTML ?

Il faut alors lire cet article :
HTML, c'est quoi ?


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0

Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation