Overblog Suivre ce blog
Administration Créer mon blog
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
11 juin 2013 2 11 /06 /juin /2013 15:30

Voici ma sélection de cartes pour fêter dignement la fête des pères, le dimanche 19juin 2011 !

 

1. Tout d'abord, des cartes postales :

Bonne fête papa, toi qui as toujours été là pour moi  Bonne fête des pères 
Bonne fête papa. Je t'aime. 

null

 

2. Différentes images gif animées:

 

 

 

création de Mamiakev : Bonne fête Papa 
null Fête des pères 

3. Des petits gif à coller partout :

gif blog fete des peres   gif gratuit fete des peres 

gif gratuit fete des peres 

gif gratuit fete des peres gif fete des peres

  gif gratuit fete des peres 

 

4. Des cartes virtuelles à personnaliser pour un envoi le 20 juin

  

http://www.messagis.com/carte-fete_des_peres.html

 

http://www.starbox.com/fr/ecards/fetes_et_anniversaires/fete_des_peres/0/0/1

 

http://www.cybercartes.com/cartes/fete-des-peres

 

http://www.dromadaire.com/BONNE-FETE/FETE-DES-PERES_0.shtml

 

 

5. A relire aussi

 

Carte postale animée "Bonne fête papa"

Des petits stickers pour la fête des mères

 

 


 

  * 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
8 juin 2013 6 08 /06 /juin /2013 08:49

 

 

 

  Le code de cette carte postale :

<embed src="http://www.mycodesplace.com/text-pictures/show.swf?txt=Bonne%20fete%20papa%20%21&card=http://www.mycodesplace.com/text-pictures/cards/love/love4.swf&clickURL=http://www.mycodesplace.com/text-pictures/&clickLABEL=Myspace Stuff&type=0&tc=16763955&tr=10&ts=51&tx=31&ty=25&glitter=1&rounded=1&bevel=1&sepia=0&shadow=1&theme=http://www.mycodesplace.com/text-pictures/themes/star3.swf&theme_al=25" quality="high" bgcolor="#ffffff" width="440" height="340" name="show" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/><br><a href="http://www.mycodesplace.com/text-pictures/">Myspace Stuff</a> 

 


 

 

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,  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... 


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 ?


En voici une autre, dont je vous donne directement le code HTML :

 

 


Myspace Stuff

Code :

<embed src="http://www.mycodesplace.com/text-pictures/show.swf?txt=PAPA&card=http://www.mycodesplace.com/text-pictures/cards/popular/popular16.swf&clickURL=http://www.mycodesplace.com/text-pictures/&clickLABEL=Myspace Stuff&type=0&tc=15985363&tr=-22&ts=125&tx=33&ty=156&glitter=1&rounded=0&bevel=0&sepia=0&shadow=1&theme=http://www.mycodesplace.com/text-pictures/themes/none.swf&theme_al=100" quality="high" bgcolor="#ffffff" width="390" height="390" name="show" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/><br><a href="http://www.mycodesplace.com/text-pictures/">Myspace Stuff</a>



A lire aussi 

Des petits stickers pour la fête des mères

 Fete des peres, les cartes et gifs 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 Les images
commenter cet article
6 juin 2013 4 06 /06 /juin /2013 10:09

 

Code HTML si tu veux installer ce jeu Simpsons sur ton blog/site

 

<div>
<object type="application/x-shockwave-flash" data="http://www.simpsonsmovie.com/content/games/bod/one/BOD_ENU.swf" height="414" width="716">
<param name="data" value="http://www.simpsonsmovie.com/content/games/bod/one/BOD_ENU.swf" />
<param name="src" value="http://www.simpsonsmovie.com/content/games/bod/one/BOD_ENU.swf" />
<param name="quality" value="high" />
</object>
</div>
<p><a title="THE SIMPSONS MOVIE" href="http://www.simpsonsmovie.com" target="_blank"></a></p>
<p style="text-align: center;"><img height="141" width="128" src="http://img.over-blog.com/300x285/2/07/78/33/Divers/superstickies.png" alt="superstickies" class="CtreTexte" /> </p>

 

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 Jeux
commenter cet article
2 juin 2013 7 02 /06 /juin /2013 10:33

null


1. Connaître son référencement sur Google

Tout d'abord, pour en savoir un peu plus sur les moteurs de recherche, allez voir cet article :
 Comment apparaître dans les moteurs de recherche

Google est le moteur de recherche qui amène le plus de visiteurs sur votre blog.

Vous pouvez le vérifier en regardant la provenance de vos visiteurs dans l'outil de statistiques.

Il est donc important de voir combien de pages de votre blog sont indexées par Google.

Bien-sûr, plus vous en avez et mieux c'est : La probabilité qu'un internaute vous trouve via ce moteur de recherche est proportionnelle au nombre de pages indexées.


2. Combien de pages Google référence-t-il ?

Une astuce toute simple pour savoir combien de pages de votre blog sont indexées par Google :

* Aller sur Google

* Dans le champ de recherche, taper site:adressedevotresitesanswwwnihttp

* valider

Vous voyez alors le nombre de vos pages, et un extrait de chacune d'elle.


2.1 Exemple d'indexation Google pour ce blog

J'ai tapé dans google : site:faireunblog.over-blog.com

J'ai obtenu l'écran en haut de cet article. Je vois qu'au 30 novembre 2009, j'ai 101 pages indexées.


2.2 Indexation de vos images

Si vous voulez vérifier que vos images sont également indexées, il suffit de cliquer sur "Afficher les options", à gauche, puis sur en bas à gauche sur "Images de la page" à partir de l'écran obtenu pour votre site.





                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
31 mai 2013 5 31 /05 /mai /2013 09:05

 

Encore un jeu pour vous aujourd'hui, mais il s'agit de simulation cette fois.

 


 

Le principe du jeu Bratz Fish Tank

 

Tu joues avec une poupées Bratz, à élever des poissons.

 

Elève des poissons dans l' aquarium des Bratz. Démarre avec 4 éspèces, puis aménage l' aquarium, achète de nouvelles pièces, de la nourriture, des médicaments, revends et achète d' autres poissons ...

 

Tu commences par choisir 4 espèces de poisson (en cliquant dessus puis "Next")

Tu décores ton aquarium avec les déco proposées.

Ensuite, il ne te reste plus qu'à t'occuper de tes poissons afin qu'ils soient en bonne santé.

 

Le code du jeu Bratz Fish Tank à installer sur ton blog/site

 

<object width="500" height="350"><param name="movie" value="http://www.jeux-flash-gratuits.biz/games/bratz-fish-tank.swf">
 <embed src="http://www.jeux-flash-gratuits.biz/games/bratz-fish-tank.swf" width="500" height="350"></embed></object><br /><b><a href="http://www.jeux-flash-gratuits.biz/bratz-fish-tank+j21718.html" title="Bratz fish tank" target="blank">Bratz fish tank</a></b>, proposé par <b><a href="http://www.jeux-flash-gratuits.biz/" title="Les meilleurs jeux flash sur Jeux Flash Gratuits" target="blank">Jeux Flash Gratuits</a></b>
 

 

Articles à relire

 

jeu de course de motos : motocross FMX

Défoulez-vous avec le jeu du baffotron (jeu et code à installer)

Le tetris : venez jouer ici et trouver le code pour installer le jeu

Joue à habiller SuperGirl et installe le jeu sur ton blog

Joue à Warfare 1917 ici et installe le jeu sur ton site

 

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 Jeux
commenter cet article
29 mai 2013 3 29 /05 /mai /2013 10:39


Avis aux personnes de la communauté Hellocoton

Un nouveau gadget est disponible chez eux, dans votre rubrique, et il permet d'afficher votre profil Hellocoton, vos amies, vos articles préférés... 

Voici celui de mon profil :

Retrouvez Aurelie95 sur Hellocoton

 


 

  * 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
27 mai 2013 1 27 /05 /mai /2013 16:44





 
1. Mettre une image gif volante


Maintenant que vous connaissez la balise "marquee" - Sinon, pour la révision c'est ici Le défilement avec la balise Marquee  - je vous propose de l'utiliser pour y mettre une image volante dans un article, ou un module.


2. Choisir l'image qui va voler

Vous devez d'abord choisir l'image que vous voulez utiliser, puis noter son adresse.

Il est plus logique de choisir une image que l'on s'attend à voir voler, comme un insecte ou ce très joli papillon, mais si vous voulez un effet décalé qui surprendra vos visiteurs, vous pouvez au contraire choisir tout autre chose.


3. Faire voler son image

3.1 Code HTML à insérer dans l'article ou le module


<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" style="width: 650px; height: 88px;" behavior="alternate"><img src="url votre image"></marquee></marquee>

et vous remplacez "url de votre image par l'adresse de votre image.


3.2 Le paramétrage

width est la largeur de déplacement occupée par le déplacement de votre image. 80% correspond à 80% de la largeur de l'article ou du module où vous le mettez. Si vous voulez qu'il couvre tout, mettre 100 %.

Vous réglez à la fois le déplacement en largeur (le width dans la balise avec le behavior right) et en hauteur (le height)


3.3 Ajustements

Si vous cliquez juste à côté de votre objet volant (en mode édition), vous voyez apparaître un rectangle symbolisé par 6 petites marques : aux angles et au milieu de la longueur.
Ce rectangle correspond à la surface de déplament de votre objet. Vous pouvez la régler en déplaçant ces pettis marques.


3.4 Le code complet du papillon qui vole

<marquee width="90%" behavior="alternate" direction="up" style="width: 100%; height: 100px;"><marquee behavior="alternate" direction="right" style="width: 651px; height: 88px;"><img height="60" width="80" src="http://www.gif-anime.org/im/gif/animal/papillon/papillon8.gif" class="CtreTexte" /></marquee></marquee>









 

  * 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
24 mai 2013 5 24 /05 /mai /2013 12:49


Voici un site très marrant pour personnaliser une photo de visage.

Le regard suit la souris !!!


 

 



Allez sur le site de flash-gear et amusez-vous !

 

- Vous chargez votre photo

 

- Vous suivez le coutour de l'oeil avec votre souris pour le "découper"

 

- Vous cliquez sur l'oeil pour le placer, le mettre à la taille, changer la couleur...

 

- Vous récupérez le code HTML : la ligne qui commence par <EMBED





 

  * 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
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

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