Overblog Suivre ce blog
Administration Créer mon blog
26 septembre 2013 4 26 /09 /septembre /2013 08:55

 

Calendrier et horloge de noel n° 1

 

Mettez ce joli calendrier/horloge sur votre blog pendant la période de noel. Une déocration utilse pour votre site.

 

Code HTML à recopier pour ce calendrier de noel

 

<iframe src="http://storage.canalblog.com/70/42/383799/19807093.html" width=331 height=150 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no></iframe> 

 


 

 

 

 Autre calendrier/Horloge de noel, avec code HTML

 

<iframe marginwidth="0" marginheight="0" src="http://storage.canalblog.com/54/87/383799/19811970.html" frameborder="0" width="220" scrolling="no" height="237"> </iframe>

 

 

Articles a relire

 

Ajouter un bonnet de pere noel à une de vos photos

Code HTML d'un fond noir avec neige qui tombe

Gifs animés de Noel : pere noel, bougies, boules, sapins, cadeaux,...

Montage photo avec votre portrait en pere noel

 


 

  * 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 Les images
commenter cet article
25 septembre 2013 3 25 /09 /septembre /2013 08:38

    Je compense le carbone de mon blog avec les Petits gestes écolos de bonial.frVous aussi, prenez part au mouvement !

 


Allez sur le site http://www.bonial.fr/environnement/blog-neutre-en-carbone/je-veux-participer/ pour que votre blog soit zéro carbone !

 

En participant à l'initiative Blog zéro Carbone vous pouvez nous aider à protéger l’environnement. Pour participer, c’est très simple : voici comment faire, en trois étapes !

 

1. Un petit badge sur une page (le mieux étant dans la barre de navigation de gauche, pour que le badge soit visible sur toutes les pages), et un petit article pour expliquer votre démarche, et voilà votre Blog zéro Carbone.

2. Envoyez nous ensuite un lien vers votre blog à blog-zerocarbone@bonial.fr et nous nous chargerons, avec notre partenaire, de planter votre arbre.

3. Celui-ci compensera tout au long de sa vie les émissions de CO2 dérivant de votre blog. C’est simple !

 

Attention : nous ne plantons qu’un arbre par domaine/site. Pour assurer le bon fonctionnement du badge, nous vous conseillons de ne pas modifier le code HTML associé.

 

Rejoignez la communauté des blogs zéro carbone !

 

Code HTML du badge zéro carbone

 

<a href="http://www.bonial.fr/environnement/blog-neutre-en-carbone/je-veux-participer"> <img border="0" width="100" height="100" src="http://www.bonial.fr/environnement/blog-zero-carbone/badge-co2_blog_bleu_100_blc.jpg" title="Mon blog est neutre en émissions de co2" alt="bonial – prospectus et catalogues de vos magasins – moins de papier!" /> </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 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 septembre 2013 7 22 /09 /septembre /2013 10:09

De la décoration animée pour décorer votre site/blog

 

Voici ma sélection de tampons à coller partout pour décorer votre site.

 

Ils viennent de chez PicMix.com et il y a en a encore plein d'autres !

 

Ce sont de petites images (gif) animées.

 

 

Utiliser les gifs animés sur votre site

 

Rien de plus simple, et nul besoin d'aller dans les codes ! 

Il suffit de copier (clic droit puis Copier) puis coller (clic droit) là où vous voulez.

 

A relire aussi

 

Plein de gifs "Bisous" pour vos messages et com

Plein de gifs "Bonjour" pour vos messages et commentaires

Etoiles,

scintillements

déco déco déco
étoiles déco Etoiles Mon animation d'auteur
Coeurs déco Coeur Coeur
Fleurs Fleur déco Fleur déco deco
Ligne Fleur déco fleur fleur
Animaux déco déco deco
deco déco deco papillon
animaux chat animaux divers animaux chien
Personnages deco deco femme sexy

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 Les images
commenter cet article
21 septembre 2013 6 21 /09 /septembre /2013 10:45

 

Les balises sont utilisées dans le langage HTML pour la mise en forme de vos pages sur internet.

Pour compléter les articles   html, c'est quoi ?   et HTML, la syntaxe , nous allons voir dans cet article comment utiliser les balises.


 
1. Comment utiliser les balises HTML ?

Une balise est un élément de texte encadré par le signe (<) et le signe (>).

Cet élément sert à mettre en forme le texte qui est au centre.

Les balises HTML fonctionnent par paire., la première sert à "ouvrir" la commande, et la seconde à la fermer. Elle est précédée du signe /

Exemple de la balise pour mettre un texte en gras :
<strong> Ce texte est en gras </strong>

 

Les balises HTML peuvent parfois être uniques : la balise <br> représente par exemple un retour à la ligne.


2. Imbrication des balises

Les balises HTML ont la particularité de pouvoir être imbriquées de manière hiérarchique afin de permettre le cumul de leur propriétés.

Voici un texte en gras et bleu


le code est :
<strong><span style="color: #0000ff;">Voici un texte en gras et bleu</span></strong>


3. Les compléments à la mise en forme (attribut)

Le complément (appelé aussi attribut) est un élément, présent au sein de la balise ouvrante, permettant de définir des propriétés supplémentaires.
Les attributs se présentent la plupart du temps comme une paire clé=valeur, mais certains attributs ne sont parfois définis que par la clé.

Voici un exemple d'attribut pour la balise <p> (balise définissant un paragraphe), permettant de spécifier que le texte doit être aligné au centre :

Paragraphe aligné au centre de la page


le code est :
<p style="text-align: center;">Paragraphe align&eacute; au centre de la page</p>

Chaque balise peut comporter un ou plusieurs attributs, chacun pouvant avoir (aucune,) une ou plusieurs valeurs.

Vous trouverez ici Les principales balises HTML




 

  * 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
17 septembre 2013 2 17 /09 /septembre /2013 19:43



 

 

Cela s'appelle un "Voki" et on le trouve sur le site voki.com

 


 

Créer votre personnage animé

 

Le principe est de créer son personnage, à partir d'une bibliothèque bien fournie, puis de la personnaliser : couleurs, lèvres, vetements, lunettes, fond...

 

Un clic sur la bandeau "Customize your character" et un clic sur le visage, les vetements ou les lunettes.

N'oubliez pas la fenetre "Background" pour les fonds.

 

 

Préparer le message audio

 

Ensuite, il ne reste plus qu'à ajouter le message audio que votre personnage doit dire.

Un clic sur le bandeau "Give it a voice"

 

Pour cela, 3 possibilités :

- Taper votre texte à l'écran puis choississez l'accent et la voix (homme ou femme)

- Enregistrer vottre message audio avec un micro

- récupérer un message sur votre ordinateur

 

 

Placer votre personnage animé avec son message audio sur votre blog/site

 

Une fois fini, un clic sur "Publish" et vous récupérez le code HTML donné. Vous avez le choix entre 3 tailles différentes !

 

Get a Voki now!

 

 

Articles à relire

 

Installer une radio sur votre blog

Faites la une d'un magazine célèbre

Faites parler une de vos photos

Mettre une image animée avec un compte à rebours

 

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
8 septembre 2013 7 08 /09 /septembre /2013 10:37

 

 

Faites votre déco de blog perso : votre e-magnet de frigo et choisissez votre message !


 

Comment réaliser votre magnet de frigo personnalisé

 

Il faut aller sur le site FreeFlashToys.

 

En haut, vous choisissez la couleur de votre frigo.

 

Ensuite, vous sélectionez vos lettres une à une et les faites glisser sur la porte du frigo.

 

Vous avez le choix entre 3 types de lettres :  

* CAPS pour les majuscules

* Lower Case pour les minuscules

* 123! pour les chiffres et caractères spéciaux.

 

Comment mettre votre magnet de frigo dans votre blog, dans un mail...

 

Une fois votre oeuvre achevée, clic sur le gros bouton "Get the code" et vous récupérez le code HTML de votre magnet.

 

Voilà une idée originale pour envoyer vos messages !!!

 

Articles à relire

 

Faire une carte de voeux animée pour son blog

Mettre votre texte à la une d'un vrai (faux) journal

Faire un panneau lumineux avec votre texte défilant

 


 

  * 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
7 septembre 2013 6 07 /09 /septembre /2013 10:00

 


 

 Savez-vous que vous pouvez faire des widgets de promotion de vos articles en vente chez PriceMinister ?

 

Comment créer son gadget de vendeur chez PriceMinister

 

Si vous vendez vos articles sur ce site, en allant dans votre section sécurisée, rubrique "Mes outils Webmaster", vous pouvez créer vos gadgets.

 

Il en existe 3 différents :

- Vos gadgets "Boutique"

   . contenant vos produits (comme celui en haut à gauche de cet article)

   . contenant vos catégories de produits ( (comme celui en haut à drite de cet article)

- Votre gadget "parrainnage"

   

Comment installer vos gadgets de vendeurs

Il suffit de copier le code donné par le site puis de le coller en mode avancé, HTML, sur votre blog

 

 


 

  * 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
6 septembre 2013 5 06 /09 /septembre /2013 16:44

 


 

Les caractères spéciaux

 

Les caractères spéciaux sont utiles pour mettre en valeur unt exte, et même l'agrémenter de petits dessins.

Attention toutefois, ces caractères ne sont en général pas pris en compte par les outils de traduction en ligne !

 

Comment générer des caractères spéciaux

 

Ce gadget vous permet de générer des caractères spéciaux en 1 clic

 

Pour les utiliser, il suffit de faire un double clic sur le caractère choisi.

Ensuite, vous le collez (CTRL + V) où vous voulez.

 

Comment mettre ce générateur sur votre blog

Recopier en mode HTML, le code du gadget "générateur de caractères spéciaux" 

 

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzczODM*NDcxODcmcHQ9MTI3NzM4MzQ1MzQzNyZwPTIyMzA1MiZkPSZnPTImbz*3YzllMDJjNjU1YWU*NGYxYTQ4/ZDlkY2EzNzZjZmUwZCZvZj*w.gif" /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="300" height="324" id="WFHost"><param name="FlashVars" value="partner=223052&symID=DefaultButton_Bottom&URL=http%3a%2f%2fwidgia.com%2fwidgets%2fweird_text_maker%2fweird_text_maker.swf&useFacebookMystuff=false&defaultPreviewURL=&WFBtnY=300&WFBtnX=113&stickyType=bottom&widgetY=0&widgetX=0&widgetH=300&widgetW=300&theme=Ocean%20Blue"/><param name="wmode" value="transparent"/><param name="allowScriptAccess" value="always" /><param name="movie" value="http://cdn.gigya.com/wildfire/swf/WildfireHost.swf" /><embed name="WFHost" id="WFHost" width="300" height="324" src="http://cdn.gigya.com/wildfire/swf/WildfireHost.swf" flashvars="partner=223052&symID=DefaultButton_Bottom&URL=http%3a%2f%2fwidgia.com%2fwidgets%2fweird_text_maker%2fweird_text_maker.swf&useFacebookMystuff=false&defaultPreviewURL=&WFBtnY=300&WFBtnX=113&stickyType=bottom&widgetY=0&widgetX=0&widgetH=300&widgetW=300&theme=Ocean%20Blue" AllowScriptAccess="always" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>

 


 

  * 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 textes
commenter cet article
5 septembre 2013 4 05 /09 /septembre /2013 10:51


LIEN VERS L'INDEX DES ARTICLES


1. Qu'est-ce qu'un lien ?

Un lien est un élément de votre article (le plus souvent un texte) sur lequel votre visiteur peut cliquer. Alors, il est redirigé vers l'endroit où pointe ce lien.

Si vous cliquez sur mon lien en haut de cet article, vous allez être redirigé vers l'index de ce blog.


2. Code HTML des liens

2.1 Balise HTML pour faire un lien



La balise principale de lien est l'ancre : a
suivie de l'endroit où pointe ce lien, sous la forme :

href=......

L'ancre est la balise utilisée pour les liens hypertexte.


2.2 Code html d'un lien avec texte

le code HTML minimum de votre lien est donc :

<a href=”...”>Texte de votre lien</a>.

où vous complétez l'adresse de renvoie après href=" et remplacez "Texte de votre lien" par votre texte.


2.3 Les compléments au code HTML

Vous pouvez bien-sûr compléter votre code avec de la mise en forme pour votre texte, avec les balises habituelles :

color pour la couleur du texte
font-family pour la typo
font-size pour sa taille
texte-align pour la position du texte
 title  pour l'info bulle
target="_blank" si vous voulez que votre lien s'ouvre dans une nouvelle fenetre


2.4 Exemple du lien en haut de cet article

Son code complet est :


<p style="text-align: center;"><br />
<a title="Lien vers l'index du Blog &quot;Faire un Blog&quot;"
href="
http://faireunblog.over-blog.com/pages/Index_des_articles-2008144.html" target="_blank"><em>
<span style="color: #0000ff;"><strong><span style="font-family: comic sans ms,sans-serif;">
<span style="font-size: 12pt;">LIEN VERS L'INDEX DES ARTICLES<br />
</span></span></strong></span></em></a><br /><br /></p>



5. Conseils pour vos liens texte :

* Le texte du lien doit décrire brièvement le contenu de la page de destination.

* La mise en forme du lien doit être différente de celle du contenu de l'article, afin d'être reconnaissable.

 


 

  * 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 textes
commenter cet article
28 août 2013 3 28 /08 /août /2013 08:02

SouvenirsTele.jpg

 

 

Pour les fans de télévision      

 Voilà un tout nouveau site à aller visiter, pour apprendre des choses sur notre cher petit écran.

De l'histoire de la télé, aux astuces, pubs, séries, dessins animés...  Vous saurez tout !

 


A voir également :

 

 

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