Overblog Suivre ce blog
Administration Créer mon blog
20 juillet 2013 6 20 /07 /juillet /2013 10:41


Votre carte postale animée avec votre texte


 

Ou fait-on des cartes postales animées

On fait ces cartes postales chez
MySpaceStuff et c'est très facile.

Vous choisissez votre carte postale, parmi un grand choix de thèmes :

- Amour, nouvel an, espace, cartoon, automne, aviation, fleurs, marrant.....


Personnalisation de votre carte postale animée

Après avoir cliqué sur votre carte, elle apparaît et vous trouvez à sa droite toute la partie pour la personnaliser :

- Le texte à y ajouter

Vous choisissez sa couleur, sa taille, vous le faites tourner

- Les effets: Paillette, ombrage, arrondi, sepia, ...

- Vous ajoutez si vous le voulez un "thème", c'est à dire un objet qui tombe. La encore, le choix est vaste : coeurs, flocons, fruits, symboles, étoiles... 

Vous pouvez aussi le rendre plus ou moins transparent.

Toutes les personnalisations effectuées sont visibles en direct, n'hésitez donc pas à cliquer pour voir si cela vous plaît ou non.


Comment utiliser votre carte postale animée

Une fois que le résultat vous satisfait, un clic sur le bouton "Copy HTML code" et vous voilà avec un enregistrement de votre code, qu'il ne vous reste plus qu'à coller dans votre article.

A relire pour faire un article avec du code HTML :
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
Published by Aurelie - dans Les images
commenter cet article
19 juillet 2013 5 19 /07 /juillet /2013 09:55

 

 
   

 

 

 

C'est sur Google Web Elements que l'on trouve 15 nouveaux gadgets (ou widgets) pà mettre sur votre blog.

 

Je vous ai mis, pour exemple, un clavier virtuel en français, ainsi que les vidéos des news sur YouTube.

 

Ces gadgets peuvent être configurés en fonction des choix proposés, puis, il ne reste qu'à coller le code donnée sur votre blog.

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
Published by Aurelie - dans Gadget à blogs
commenter cet article
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
7 juillet 2013 7 07 /07 /juillet /2013 10:30


 
Vous savez qu'Over-blog a un partenariat avec le site de vidéo Wat.tv.

Donc, rien de plus simple si vous voulez montrer vos vidéo sur votre blog que de les enregistrer dans votre page Wat puis de les insérer où vous voulez.




1. Le widget "lecteur vidéo" de Wat

Mais savez-vous que Wat possède un petit gadget sympa, qui vous permet de mettre un lecteur vidéo sur votre blog.

Regardez par exemple le lecteur en haut de cet écran : il propose toutes les vidéo publiées sur un de mes blogs. Il permet donc de regrouper vos vidéo et de faire un visionnage à la demande.

Pour générer votre widget, il faut aller sur Widget, en bas du site Wat, ou bien
 
cliquez ici pour widget WAT


2. Les personnalisations possibles de votre lecteur vidéo

- Le sens est à chosiir : horizontal ou vertical

- L'animation : mosaique, damier ou en vrac

- la couleur de fond du lecteur


3. Insérer le elcteur vidéo sur votre blog

Une fois la personnalisation effectuée, copiez le code fourni et collez le dans votre blog !

Vous pouvez faire une page spéciale avec ce lecteur, ou bien le mettre dans un module sur le côté, afin que vos vidéos soient visibles de n'importe quel article.

Sympa non ?




 

  * 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
Published by Aurelie - dans Les images
commenter cet article
6 juillet 2013 6 06 /07 /juillet /2013 13:46

I - La nouvelle barre de fonctionnalités d'Over-blog

Les blogs sur Over-blog comportent désormais une nouvelle barre de fonctionnalités en haut d'écran.

A ce sujet, si vous voulez la retirer, même si vous n'êtes pas en mode privilège, relire :

La barre Over-blog : ce qu'elle devrait apporter, comment la supprimer


II - Le paramétrage à faire absolument !

Il faut savoir que cette barre est paramétrable, et si vous la gardez, il ne faut pas pour autant être pénalisé par les moteurs de recherche.

Or, telle qu'elle est paramétrée par défaut, elle nuit au référencement de vos liens par les moteurs de recherche.

Rappelez-vous que vos liens comptent pour beaucoup dans votre blogRank !

Revoir : Connaître son "Page Rank" ou PR chez Google
et Audit gratuit de votre site : optimisation et meilleur referencement
et Le guide de référencement de google

Pour cela, il est TRES IMPORTANT de cocher la case "Désactiver la barre sur les liens externes".

On va dans ce menu via Configurer/Mise en page puis clic sur le marteau de la barre tout en haut.

Sans oublier de valider ensuite, bien sûr !



config-barre-overblog.jpg




 

  * 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
Published by Aurelie - dans Petites astuces
commenter cet article
3 juillet 2013 3 03 /07 /juillet /2013 10:36
Related Posts with Thumbnails LinkWithIn.jpg
 Si vous voulez que vos visiteurs restent sur votre blog, il faut les attirer vers des articles susceptibles de les intéresser.

Il y a un gadget qui fait cela pour vous : LinkWithin.

C'est celui affiché tout en haut de cet article : il affiche automatiquement 3, 4 ou 5 articles similaires à celui-ci, choisis dans votre blog. Les liens vers les articles sont faits automatiquement (ici, ce n'est qu'une copie d'écran, donc pas de lien). Vous n'avez pas le choix de l'image choisie !


 

Comment paramétrer le gadget LinkWithIn

Aller tout d'abot sur le site
LinkWithin puis entrez :

- votre adresse mail

l'URL de votre blog (son adresse internet, pour moi, par exemple :
http://faireunblog.over-blog.com/

Choisir la plateforme qui héberge votre blog : le choix est limité : Blogger, Wordpress, TypePad ou Other (autre). Donc, prendre Other si vous êtes chez OB.

Choisir ensuite la "largeur" du gadget : c'est à dire 3, 4 ou 5 articles à afficher

Cocher enfin la case en dessous si votre blog est en écriture claire sur un fond foncé.

Un clic sur le bouton "Get Widget" et voilà.


Mettre le gadget dans votre blog

Ils conseillent d'aller dans le css, et d'ajouter le code fourni avant la balise </body>, plutôt que de le mettre dans chaque article.

!! Lire un commentaire à ce sujet ci-dessous


Restriction à l'utilisation du gadget LinkWithIn

Le widget étant développé en Javascript, les blogs en mode confiance ne peuvent malheureusement pas l'utiliser !






 

  * 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
Published by Aurelie - dans Gadget à blogs
commenter cet article
1 juillet 2013 1 01 /07 /juillet /2013 15:58


Certains sites ont des "images cachées" : elles apparaissent uniquement quand la souris passe au dessus.

Je vais vous montrer que c'est très facile à faire.


1. Démonstration :

Regardez déjà l'exemple en passant votre souris sur cette photo (inutile de cliquer) :




2. Code HTML :

Vous savez déjà comment insérer en HTML une photo dans un article.

Si ce n'est pas le cas, lisez d'abord cet article :
http://faireunblog.over-blog.com/article-mettre-une-image-dans-vos-articles-39107713.html

Pour changer l'image au survol de la souris, il faut simplement ajouter ceci au code de votre image :

onmouseover="javascript:this.src='url_de_l'autre_image'"
onmouseout="javascript:this.src='url_de_cette_image'"

url_de_l'autre_image est l'adresse de l'image qui doit apparaitre quand la souris passe au dessus
et  url_de_l'autre_image est l'adresse de l'image "d'origine", qui est affichée.


3. Pour mon exemple: le code complet est donc :

<img height="225" width="300"
src="
http://idata.over-blog.com/2/07/78/33/Mes-photos/Mes-photos_0812_800x600.jpg" onmouseout="javascript:this.src='http://idata.over-blog.com/2/07/78/33/Mes-photos/Mes-photos_0812_800x600.jpg'"
onmouseover="javascript:this.src='http://idata.over-blog.com/2/07/78/33/Mes-photos/Mes-photos_0929_800x600.jpg'" class="CtreTexte" />



Nota : Ce code fonctionne également si on est en mode "confiance" dans Overblog

 


 

                                             Rendez-vous sur Hellocoton !
Repost 0
Published by Aurelie - dans Les images
commenter cet article
25 juin 2013 2 25 /06 /juin /2013 10:27

 

 


  Apprenez ici à faire des défilements !                                                                            



1. Les défilements avec la balise Marquee

Pour mettre de l'animation facilement, vous devez connaître la balise MARQUEE

C'est la balise à utiliser en langage HTML, qui permet de faire des défilement.

Elle s'utilise sur tout ce que vous voulez : des textes, des photos...


2. Les paramètres de la balise MARQUEE

Paramètre balise MARQUEE

Action

possibilités

Behavior Indique le type de défilement :  Scroll : mode par défaut
Alternate : alterné
Direction Indique la direction du défilement Left : gauche à droite
Right : droite à gauche 
Down : Bas
Up : Haut

Vous pouvez définir la plage
si vous utilisez Up et Down en ajoutant height="x" en nbre de pixels
Scrollamount Vitesse de défilement, en pixels à indiquer en pixels, minimum 1
Scrolldelay Vitesse de défilement en millisecondes  
Loop Nombre de défilements -1  : pour 1 seule
x : nombre de défilements
Infinite : pour continuel
OnmouseOut A utiliser avec celui du dessous, afin d'arréter
le défilement au survol de la souris,
puis le reprendre.
Indiquer "this.start();"
OnMouseOver   Indiquer "this.stop();"



3. Le défilements utilisés en haut de cet article

La photo défile verticalement, avec une vitesse de 5 pixels
Le teste défile horizontalement,  de façon alterné, avec une vitesse de 3 pixels et le défilement cesse quand la souris est au dessus.


4. Codes complets de défilement avec la balise Marquee

Des codes complets pour faire défiler vos textes sont ICI

Des codes complets pour faire défiler vos images sont ICI





 

  * 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
Published by Aurelie - dans HTML
commenter cet article
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

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