Overblog Suivre ce blog
Administration Créer mon blog
8 juillet 2017 6 08 /07 /juillet /2017 15:37

 

vacances1 

  

 

Je vous propose ici quelques gifs trouvés ça et là, autour du thème des vacances 

  

Utiliser les gifs animés 

Un clic-droit puis copier.  Ensuite, vous les collez où vous voulez !

 

Quelques images sympas    
 
vacances3 
 
 
 
 
 
 
     
   
       
   
 
 
 

Et quelques séparateurs vacances :  

 

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
7 juillet 2017 5 07 /07 /juillet /2017 10:37

 

Click for Paris, France Forecast

 

 

On trouve des gadgets météo sur le site de Woundeground.

 


 

Comment préparer l'affichage météo de sa ville

 

 Taper dans la zone de recherche en haut la ville souhaitée.

 

Aller ensuite tout en bas, à gauche, sur le "Free Weather Stickers® for Your Homepage" et un clic sur le bouton "Get Your Weather Sticker!".

 

Vous avez ainsi accès aux 18 modèles de gadgets météo :

 

- Certains sont dynamiques : le fond s'adapte à la météo, l'heure s'affiche..., un clic permet d'obtenir les prévisions des jours suivants,..>.

 

d'autres restent statiques, mais affichent en + les phases de la lune...

 

Un clic sur le sticker vous permet d'accéder à son code HTML.

 

Il ne reste plus qu'à le recopier là où vous voulez mettre votre météo sur votre blog !

 

 

La météo partout dans le monde

 

Le + de ce site est qu'il propose la météo partout dans le monde.

 

Un exemple ici, à rabat, au Maroc :                   Click for Rabat-Sale, Maroc Forecast


 

A relire : html, c'est quoi ?
  Mettre une station météo rigolote
  Faire de jolis boutons (images avec liens) pour 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 !                                                        

 

 

Repost 0
2 mai 2017 2 02 /05 /mai /2017 15:16


Voici comment changer le curseur de la souris sur les articles de votre blog

C'est un petit code bien utile car il fait de l'effet et ne manquera pas d'épater vos visiteurs !


 

1. Trouver des curseurs animés


Vous trouverez facilement des curseurs animés sur la grande toile.

Je vous conseille d'ailleurs de faire plutôt votre recherche avec le mot "cursor", soit curseur en anglais, car il y a beaucoup plus de sites qui en offrent.

J'ai sélectionné le site Andy Animated Cursors, qui offre un large choix, dans des catégories assez différentes.



2. Enregistrer les curseurs animés

2.1 Enregistrement sur votre ordinateur

Une fois votre curseur trouvé, enregistrer le en cliquant dessus, puis en sélectionnant l'endroit de sauvegarde sur votre PC.
Vérifier que l'extension de ce fichier est bien ".ani"


2.2 Enregistrement du curseur animé sur une page web

Pour fonctionner, ce curseur doit être enregistré sur unepage web.

Sur Overblog, si vous avez la possibilité d'enregistrer "Autres documents", dans le menu "Documents", alors c'est ici qu'il faudra sauvegarder le fichier du curseur, puis copier son adresse url.

Sinon, il faut l'enregistrer sur un site de sauvegarde sur internet.
De mon côté, j'utilise Archive-Host, site gratuit et pratique. Mes cuseurs y sont enregistrés et j'ai noté leur adresse.

2.3 Insérer un curseur animé sur un article de votre blog

Dans votre administration OverBlog, aller sur l'article voulu et passer en mode avancé (Onglet Edition avancée" puis sélectionner HTML à gauche du menu.

Ajouter alors, tout à la fin de votre code, les lignes suivantes :

 

<style type="text/css">

body {cursor: url(adresse http de votre curseur); }

</style>


et mettre votre adresse de curseur.

 


 
3. Quelques curseurs animés à utiliser facilement

Afin que vous puissiez essayer sans avoir à trouver puis enregistrer votre curseur, je vous donne 3 de mes adresses de curseurs.

Postez-moi un commentaire à cet article si vous voulez un autre curseur.

3.1 Le curseur de cet article

 

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/Pyramid.ani); }
</style>


3.2 Curseur animé globe terrestre :
 

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/The_Globe.ani); }
</style>

3.3 Curseur animé sourire :

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/The_Smile.ani); }
</style>

 

 


 

  * 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 mars 2017 5 17 /03 /mars /2017 11:31

 

Vous connaissez la célébre collection de livre "Pour les nuls". (ou "dummies", en version originale)


 

Créer sa couverture de livre personnalisée "Pour les nuls"

 

Vous pouvez créer votre couverture personnalisée sur le site FlashToys.

 

Vous allez sur leur site et remplissez les champs demandés avec votre texte :

 

- En tête

- Titre du livre

- Info bulle

- Auteur

 

Tout en haut, le "Scale size" permet de définir la taille de votre couverture.

 

Les changements se font en direct, le résultat est donc immédiat.

 

Récupérer votre couverture de livre personnalisée

Vous récupérez le code HTML fourni dans le même écran (sous l'auteur) et placez ainsi votre couverture de libvre "Pour les nuls " où vous le souhaitez.

 

 

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
14 mars 2017 2 14 /03 /mars /2017 11:26


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"  

 

Vous êtes arrivés ici, c'est donc que vous avez bien cliqué sur mon "Lire la suite".

 

En réalité, ce n'est qu'un texte avec un lien vers un autre article.

Pour faire un "Lire la suite", il faudra donc créer 2 articles : un "version courte, intégrant le "lire la suite", et un en version longue.

Le premier "Lire la suite" renvoyant vers le second.

 

 

3. Code HTML d'un "Lire la suite"

Voici le code HTML utilisé pour mon "Lire la suite" :

 

<p> <span style="font-size: 8pt;"><em><span style="color: #0000ff;"><a href="http://faireunblog.over-blog.com/article-comment-integrer-lire-la-suite-pour-eviter-de-surcharger-un-article-70674615.html"><span style="font-size: 8pt;"><em><span style="color: #0000ff;">Lire la suite...</span></em></span>&nbsp;</a></span></em></span><span style="font-size: 8pt;"><em><span style="font-family: comic sans ms,sans-serif; color: #0000ff;">&nbsp;</span></em></span> </p>
<p>&nbsp; </p>

 

4. Personnalisation du code HTML pour "Lire la suite"

 

En vert, indiquer l'adresse URL de l'article "version longue"

En orange, votre texte pour faire comprendre au visiteur qu'il doit cliquer pour avoir l'article entier.

Le reste du code contient le style de l'écriture, police, couleur...

                                                                                                                  

 


 

  * 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
11 mars 2017 6 11 /03 /mars /2017 10:26

 

Voici un nouveau gadget à installer sur votre blog ou page internet,

pour avoir une citation par jour, ainsi que la star dont on fête l'anniversaire

 


 

 

Comment installer le gadget "Citation du jour et anniversaire de star

 

Il suffit de copier le code suivant, en mode avancé :

 

<iframe style="height:425px;width:100%" width="100%" height="425px" src="http://widgets.feedget.eu/citations-1/?_embded=true&_cookie=1&target=blog&widget_ref=77" frameborder="0" ></iframe>

 

 

Limitation (à vérifier)

Les blogs d'OB en mode confiance risquent de ne pas accepter ce code ! Merci de vérifier et de me l'indiquer en commentaire !

 


 

  * 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
10 mars 2017 5 10 /03 /mars /2017 16:26

PhotoRecetteProtegee.jpeg

 

Je vous conseille d'aller sur Bloggif (rubrique "Protéger mes images") si vous voulez protéger vos photos des copies. Il est malheureusment facile de "récupérer" des photos publiées pour les utiliser à son compte.

 


 

Pourquoi mettre une protection anti-copie  sur vos photos

 

Si vous ne voulez pas retrouver vos photos sur des sites ou blogs inconnus (ou en tout cas, s vous voulez compliquer la vie des copieurs), et si vous n'êtes pas à l'aise avec les logiciels de retouche photo, ce site vous propose de le faire, avec le Copyright de votre choix, sans inscription préalable et en 3 clics !

 

Comment ajouter un Copyright sur vos photos

 

Vous allez sur le site mentionné.

Vous chargez votre photo

Vous tapez le texte de votre copyright (en général, le nom de votre blog)

Vous sélectionnez la police d'écriture utilisée

Vous choisissez l'endroit où va se positioner le copyright, parmi 5 possibilités.

 

Clic sur "Ajouter la protection", et voilà.

 

Si cela vous convient, clic sur "Télécharger mon image", puis "Enregistrer"

 

Autre exemple de photo protégée par une inscription

lynxphotoprotegee.jpeg

 


 

  * 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
11 février 2017 6 11 /02 /février /2017 11:27

J'ai déjà consacré des articles pour vous aider à faire tomber des objets en fond de blog.

 

Pour rappel, les voici :

Faire pleuvoir des poissons rouges (Poissons d'avril)

Afficher une image volante dans votre article

Faire tomber des objets en fond de blog

 

 

Pluie de petits coeurs

 

Si vous voulez décorer un article en faisant une pluie de petits coeurs, comme ce que vous voyez ici, c'est très simple, il y a un script tout prêt pour vous :

 

Code à copier en mode avancé pour faire tomber des petits coeurs en fond de blog

 

<script src=http://astuforum.free.fr/js/stvalentin.js></script>

 

  Ce code vient du site :  http://astuforum.free.fr

 

Limitations

 

C'est un code en javascript, et donc interdit aux blogs d'OB en mode confiance !

 


 

* 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 février 2017 5 10 /02 /février /2017 11:25

 

 


 

Mignon tout plein ce widget spécial Saint valentin !

 

Et oui, c'est la fête des amoureux et on recherche des petites choses sympas et inédites. Voilà donc cette année un nouveau widget (ou gadget inforpatique) pour combler votre belle. A utiliser sur une page web ou dans un mail...

Code HTML du gadget

 

<embed src="http://www.sharkbreak.com/embed.php?id=14" width="450" height="445" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed><br /><a href="http://www.sharkbreak.com/redirect-widgets.php" target="_blank">Click here to get more mini-SharkBreak widgets</a> - <a href="http://www.sharkbreak.com/redirect-sharkbreak.php" target="_blank">www.SharkBreak.com</a>

 

 

Autres articles relatifs à la fête des amoutreux, la Saint Valentin  

Saint Valentin : I love you, message animé avec son code HTML

Déco Saint Valentin : Faire tomber des petits coeurs

Spécial Saint valentin : Faire un montage photo avec un poeme

 

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
9 février 2017 4 09 /02 /février /2017 11:24

Acrostic Name Poem by Wishafriend

Ton prénom en poème, c'est WishAFriend qui propose de te faire cela ! C'est original, sympa et très vite fait ! 


 

Comment créer sa carte avec prénom en poème

 

* Clic sur "Upload your photo" pour choisir la photo avec ton meilleur profil

* Tape ton oprénom dans la case "Your name" - maw 13 caractères

* Clic sur le fond de carte souhaite (choix entre 3)

* Clic final sur le bouton "Generate Name Poem"

 

 

Comment utiliser ta carte avec prénom en poème

 

Le bouton "copy" accessible sous ta carte te permet de sauvegarder le code HTML pour la coller ensuite où tu veux

 

Sinon, le "Embed code" te donne aussi la code HTML de ton image.

 

 


 

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

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