Overblog
Suivre ce blog
Administration Créer mon blog
22 novembre 2016 2 22 /11 /novembre /2016 15:09


1. Utiliser un "Lire la suite"

 

 

Il arrive que l'on fasse des articles un peu longs, ou tout au moins, dont certains détais n'interresseront pas tous nos visiteurs.

Il est utile dans ce cas, à la suite d'un texte d'accroche, composé le plus souvent de 1 à 5 lignes, de faire un "Lire la suite", sur lequel le visiteur doit cliquer pour accéder à la suite de l'article.



2. Faire un "Lire la suite..."


Si vous êtes interessé, je vous propose donc, pour découvrir comment faire, de cliquer sur ce petit "Lire la suite", que l'on peut aussi appeler "en savoir Plus...", ou bien encore "Article complet"  

                                                                                                                           Lire la suite...  

 


 

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

 

Published by Aurelie - dans HTML
commenter cet article
19 novembre 2016 6 19 /11 /novembre /2016 15:08
The WeatherPixie                   The WeatherPixie

Météo actuelle à Paris                       

Météo à Marseille    


Un gadget Météo à mettre sur votre blog !

 


 

Vous voulez afficher la météo de votre ville sur votre blog : Le site WeatherPixie est fait pour vous !


Vous choisissez votre paramétrage de gadget météo dans des listes déroulantes :

   * l'unité utilisée (C comme Celsius, pour les français),

   * Vous choisissez votre personnage, dans une longue liste de filles, garçons, poupées...

   * vous sélectionnez la langue, le pays, la ville,

Enfin, vous cliquez sur le côté droit sur "View the HTML code for this location" et vous recopiez le code fourni dans votre article ou module, en mode HTML, bien sur !


La station météo vous indique alors, pour la ville choisie :
la température,
le taux d'humidité,
la direction du vent,
sa vitesse (en pointe)
et la pression athmosphérique.

Sans oublier que le personnage et le fond du gadget sont  fonction de la météo actuelle.


 

  A lire aussi :  
  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 !                                                       

 

 

Published by Aurelie - dans Gadget à blogs
commenter cet article
12 novembre 2016 6 12 /11 /novembre /2016 15:23

Si vous voulez connaître l'avis de vos visiteurs sur un sujet précis, faites un sondage !C'est sympa et cela permet à vos habitués de participer à votre blog.

 
Faire un sondage personnalisé pour questionner vos visiteurs, c'est très simple !

Il vous faut aller chez
123votez et suivre les indications :

* Il faut tout d'abord s'inscrire, mais c'est gratuit !

* Remplisssez quelques informations vous concernant (votre profil)

* Tapez la question de votre sondage, puis les réponses possibles.

* Choisissez l'aspect du boîtier (beaucoup de choix et de couleurs)

* Valider, puis recopiez le code fourni !


 
  

Un autre site de sondage ici : Mettre un sondage 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 !                                                       

 

Published by Aurelie - dans Gadget à blogs
commenter cet article
10 novembre 2016 4 10 /11 /novembre /2016 16:13

 Voici quelques gifs animés pour souhaiter un bon week-end à votre disposition.

Je les ai trouvé sur la grande toile et j'ai récupéré mes préférés.

 

Vous trouverez aussi bien des gifs animés week-end sur le thème de fleurs, de personnages, d'animaux, que des béébs et des stars.

N'hésitez pasn prenez le gif Week-end qui vous plait et collerz le dans vos messages.

 

Comment récupérer un gif animé "Week-end"

 

Un clic droit puis "enregistrer sous" pour stocker dans votre ordi.

 

Pour utiliser directement dans un message, un article.... clic droit puis copier. Ensuite, on colle et voilà ! 

 

chouette c'est le week endWeek end
  
Bon week end 
  
 
 

1291pk3d.gif

 zxrvjsml
  
  
WEEK-END VBM5

 

A lire aussi :

Gifs animés halloween : sorcières, citrouilles, fantomes, banderoles

Plein de gifs "Bisous" pour vos messages et com

Plein de gifs "Bonjour" pour vos messages et commentaires

 

 

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 !                                                       

 

 

 

 

 

Published by Aurelie - dans Les images
commenter cet article
1 novembre 2016 2 01 /11 /novembre /2016 09:59

1. Décoration de blog avec des objets qui tombent

 

Une petite déco sympa pour votre blog consiste à faire tomber certains objets, comme les étoiles sur cet article.

Le plus souvent, on utilise cette décoration à certains moments de l'année.

Les plus classiques sont :

* les feuilles en automne
* la neige en hiver
* les coeurs à la Saint Valentin...

J'ai déjà fait des articls à ce sujet : Revoir "Faire tomber des objets en fond d'article"

2. Codes HTML -
Décoration d'Halloween pour votre blog

Voici une déco bien sympa pour Halloween : des sorcières qui tombent sur l'écran !

 

 

Code HTML des sorcières qui tombent

 

Vous trouverez le code chez WishAfriend, rubrique halloween.

 

Je l'ai modifié pour qu'il couvre tout l'écran : les valeurs "height" ont été notamment augmentées pour que les sorcières tombent sur une course + haute.

 

Voici mon code modifié, pour les sorcières d'Halloween

 

<p><marquee scrollamount="4" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1500px; top: 50px; left: 120px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 10pt;"><strong>1. D&eacute;coration de blog avec des objets qui tombent</strong><br /></span></span><marquee direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1200px; top: 70px; left: 270px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><br /><marquee scrollamount="5" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 950px; top: 90px; left: 420px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1970px; top: 30px; left: 670px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="7" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 940px; top: 30px; left: 820px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="5" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 700px; top: 30px; left: 240px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1050px; top: 30px; left: 1040px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="5" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 2060px; top: 30px; left: 290px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="4" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1330px; top: 30px; left: 360px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="8" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1800px; top: 50px; left: 390px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="4" direction="down" style="z-index: 600; position: absolute; width: 30px; height: 2300px; top: 70px; left: 440px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="7" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1700px; top: 100px; left: 470px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee></p>



Articles à relire

Gifs animés halloween : sorcières, citrouilles, fantomes, banderoles

Jeu déguisement halloween, avec code pour installer sur ton blog

Photos d'horreur à se créer pour halloween : petit montage sympa

 

 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 !                                                       

 

 

Published by Aurelie - dans Les images
commenter cet article
15 septembre 2016 4 15 /09 /septembre /2016 16:17

Vous le savez, les langages de programmation sont en anglais.

N'ayez crainte si vous ne maîtrisez pas cette langue, ce sont souvent les mêmes mots qui reviennent.


En voici une petite liste pour être un peu moins perdu dans ce jargon :



Mots utilisés Signification
Body  = corps de votre blog, les informations basiques y sont précisées
Head/header  = entête
Footer  = pied de page (bas)
Width  = largeur
Height  = hauteur
Top  = haut
Bottom  = bas
Right  = droite
Left  = gauche
Borders  = bordures
Background  = fond
Font  = police d'écriture (ex : Arial, Times New Roman...)
Px  = pixel (taille utilisée en graphisme ou informatique au lieu des cm)
Box  = modules
Link  = lien vers une autre page
Line  = ligne d'un texte
Margin  : marge extérieure
Padding  : marge intérieure
url  = un lien d’adresse Internet (comme http://faireunblog.over-blog.com)
Bold  : gras (plus épais que normal)
Underline  : souligné
Ul ou li  : éléments qui permettent de faire des listes avec des puces.
Ul permet d'ouvrir la liste et Li est la ligne avec la puce
h2  = h correspond aux titres dans votre blog,
selon l’emplacement de h et son numéro,
il modifie le titre de votre module, article…





 

                                        Rendez-vous sur Hellocoton ! 




Published by Aurelie - dans Pour bien débuter
commenter cet article
4 septembre 2016 7 04 /09 /septembre /2016 10:15

 

 


 

Vous pouvez vous créer votre poupée scintillante très facilement chez CrazyProfile !

Il suffit de 3 clics :

 

- Choisir la poupée que vous aimez parmi les vignettes présentées (28 choix différents)

 

- Tapez votre texte

 

- Choisir la couleur (Bleu, Rouge, Vert)

- Clic sur le bouton "Preview" pour voir le résultat

- Si cela vous convient, clic sur le bouton "Get Code"


Vous obtenez le code HTML de votre poupée scintillante avec votre message !

 


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 !                                                        

 


 

 

30 août 2016 2 30 /08 /août /2016 16:15

tuxpi-flo.jpg

 

Transformez vos photos pour qu'elles apparaissent comme issues d'un film ! Une idée originale de présentation... 

 


 

 

C'est le montage photo que vous propose de faire le site Tuxpi .

 

Comment mettre votre photo dans un cadre "film"

 

Pas besoin de vous inscrire sur ce site !

 

- Vous sélectionnez votre photo (2Mb maw), le programme l'insère tout seul dans une déco "Film".

 

- Ensuite, vous avez la possibilité d'ajouter du texte avec la typo de votre choix, et de l'insérer (par simple clic) dans une bulle (Bouton "Normal Text").

Vous déplacez si vous voulez ensuite la bulle en maintenant clic dessus.

 

Pour finir, clic sur "Download Picture" en bas d'écran pour enregistrer votre oeuvre.

 

Et vous voilà avec une photo originale et commentée !!


 


 

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

 

 

Published by Aurelie - dans Les images
commenter cet article
3 août 2016 3 03 /08 /août /2016 10:15

Un gadget pratique et utile !

meteo gratuite meteo gratuite

Code HTML météo du jour :

<a href="http://www.my-meteo.fr" title="Prévisions météo gratuites"><img src="http://www.my-meteo.fr/meteo+webmaster/carte+france+24h.php" alt="meteo gratuite" /></a>

Code HTML météo du lendemain:

 <a href="http://www.my-meteo.fr" title="Prévisions météo gratuites"><img src="http://www.my-meteo.fr/meteo+webmaster/carte+france+48h.php" alt="meteo gratuite" /></a>


 

On trouve ces carte météo sur le site de MyMeteo.fr,

 

Comment fonctionnent les cartes météo

 

Ces cartes sont mises à jour en fonction de l'horaire. Ainsi s'il est 21h passées, elles afficheront les températures et icônes de nuit.

Cette carte s'intègre de la même manière qu'une simple image ! Il n'y a aucune utilisation du Javascipt, du PHP ou tout autre langage web.


Pourquoi 2 cartes de prévisions météo


Vous pouvez afficher jusqu'à 2 cartes météo sur votre site web !

- L'une indiquant les prévisions météo du jour

-  l'autre celles du lendemain.


Comment insérer votre carté météo sur votre blog

 

Copiez simplement les codes HTML indiqués sous chaque carte !

 

Pas de Javascript, donc, même les blogs OB en mode confiance peuvent avoir ces cartes !

 

 

Articles a relire

 

html, c'est quoi ?

Venez inscrire votre blog sur ma Top Liste

Afficher les prévisions météo de n'importe quel endroit dans le monde

Mettre une station lmétéo personnalisée sur son 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 !                                                        

 

 

29 juillet 2016 5 29 /07 /juillet /2016 17:14


 


Je vous présente mon chat !

Vous allez entendre, c'est un chat intello. Cliquez sur la flèche pour écouter son message !


 

 


 

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

 

Published by Aurelie - dans Les images
commenter cet article

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