Overblog
Suivre ce blog
Administration Créer mon blog
28 avril 2016 4 28 /04 /avril /2016 15:47



 


 
Vous voulez offrir la possibilité à vos visiteurs d'écouter la radio quand ils visitent votre blog !

J'ai le gadget qu'il vous faut !


Comment installer le lecteur radio sur son blog

C'est très facile, il suffit d'aller dans un article, ou plus vraisemblablement un module de votre blog (afin que la radio apparaisse quelle que soit la page visitée), puis de passer en édition avancé, mode HTML.

Voici le code à copier :

<iframe src="
http://widget.radiofg.com/radiofg/blog/radiofg.html" frameborder="0" scrolling="no" width="100%" height="320" ></iframe>

Autre possibilité : Un clic sur le bouton "Menu" en haut à droite de ce widget, puis choisir "Installer" et copier le code fourni.


Restriction posssible :

Vérifier si les blog d'OB en mode confiance acceptent ce code. merci de me le faire savoir dans un 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 !                                                        

 

 

Published by Aurelie - dans Gadget à blogs
commenter cet article
31 mars 2016 4 31 /03 /mars /2016 13:51

 

 

Aujourd'hui, c'est le 1er avril et je vous propose donc de décorer votre blog avec des poissons rouges.

 

Voici le code HTML à copier dans votre article, votre profil, votre bannière...

 

 

<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120; top:50; width:35; height:450; z-index:645"><img src="http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170; top:70; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220; top:90; width:35; height:250; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:270; top:30; width:35; height:370; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:320; top:30; width:35; height:340; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:240; top:30; width:35; height:70; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:140; top:30; width:35; height:50; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:290; top:30; width:35; height:60; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<a href="
http://www.jellymuffin.com/generators/falling_objects/" target="_blank"">Myspace Falling Objects</a> @ JellyMuffin.com
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:100;top:130; width:35;height:80; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:360; top:30; width:35; height:330; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:390; top:50; width:35; height:400; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:440; top:70; width:35; height:300; z-index:600"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:470;top:100; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:560; top:70; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:590; top:100; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:520; top:170; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:610; top:200; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:650; top:250; width:35; height:340; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690; top:290; width:35; height:380;z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:660; top:40; width:35; height:70; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690; top:60; width:35; height:90; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<a href="
http://www.jellymuffin.com/generators/falling_objects/"><img src="http://www.JellyMuffin.com/adsource/rightcorner.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"></a>

 

A relire aussi : Le défilement avec la balise "Marquee"

et Faire tomber des objet sur votre article

 


 

  * 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
24 mars 2016 4 24 /03 /mars /2016 14:52

 

 



Votre texte qui apparait avec un effet cercle. Joli non ?
 
 
Créer votre texte qui apparait/disparait avec un effet de cercle

Si vous voulez faire pareil, allez chez
CrazyProfile !

Taper votre texte (pas trop long, malheureusement !

Clic sur "Preview" pour voir le résultat.

Si cela vous convient, Clic sur GetCode et vous voilà avec votre code HTML.



Mettre votre texte avec effet sur votre blog

Vous obtenez le code HTML, que vous n'avez qu'à recopier, en mode avancé, bien-sûr !

A relire si vous ne savez pas comment faire :
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 Les textes
commenter cet article
10 mars 2016 4 10 /03 /mars /2016 17:19

 

Click to play this Smilebox collage: vues l isle adam
Create your own collage - Powered by Smilebox
Make a Smilebox collage

 

 

Si vous voulez faire une animation avec vos photos, lisez cet article !

 



 
Vous vous inscrivez chezSmileBox.

Attention : ce site a une version gratuite et 2 versions avec des options payantes !

Une fois inscrit, vous choisissez le thème désiré ; il y a plein de design différents, classés par thème : invitations, albuim de vacances, recettes, carte de voeux, collages, invitations, livre photos...

Une fois le thème choisi, vous ckliquer sur le bouton "Personnalize" puis vous enregistrez vos photos avec le bouton "Get photos" en bas à gauche.

Vous faites ensuite glisser vos photos dans votre thème.

Certains thèmes comportent du texte : il suffit de cliquer aux endroits montrés et de taper vos commentaires.

Une fois votre composition terminée, vous la sauvegardez en lui donnant un nom puis choisissez ce que vous voulez en faire. Pour la mettre sur un blog, il suffit de cliquer sur le nom de votre hébergeur (ou bien sur "Other blog", et vous recopiez le
code HTML fourni.


un autre exemple ci-dessous avec une recette de mon blog : www.recettes-deco.over-blog.com


 

                   
Click to play this Smilebox smilebox: Recette bavarois
Create your own smilebox - Powered by Smilebox
Make a Smilebox smilebox


 


 

  * 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
7 mars 2016 1 07 /03 /mars /2016 17:18



Vous avez peut-être remarqué que depuis peu,
j'ai ajouté un "nuage de tags" en colonne droite de mon blog.

 


 

1. C'est quoi, un nuage de tags ?

Un nuage de tags est une liste de mots clés de votre blog.

Ces mots sont disposés aléatoirement, et contiennent chacun un lien vers l'endroit où on trouve ce mot.



2. A quoi sert un nuage de tags ?

Le nuage de tags sert à atirer vos visiteurs vers des pages de votre blog qu'il n'aurait peut-être pas vu autrement.

Il peut en effet être attirer par un mot ou une phrase susceptible de l'interesser, alors que ce mot ne se trouvait pas dans votre sommaire (où on ne met généralement que les titres des articles)

Le nuage peut aussi servir de décoration, puisqu'il est en général coloré.


3. Les différents types de nuage de tags

Il en existe de 2 sortes : les statiques, comme celui qui est sur cet article, et les dynamiques.

Ces derniers sont encore plus attractifs car les mots qu'ils contiennent bougent, se déplacent ou bien changent de taille de texte.

Le seul inconvénient est qu'ils sont en général faits en animation flash, et donc incompatibles avec les blogs d'Over-blogs en mode confiance !


4. Comment faire un nuage de tags ?

Je vous conseille le site Tag-Cloud.


Il n'y a pas plus simple et tout se fait sur une page, et sans inscription préalable.

* Vous entrez votre blog et le système récupère tout un tas de tags possibles.

* Vous enlevez, modifiez, ajouter ceux que vous souhaitez.

* Vous paramètrez les couleurs, typo, taille du nuage....

* Vous choisissez "HTLM" pour la question "Tag Cloud Art" puis

* Vous sélectionnez "Generate preview".


* Il ne reste plus qu'à recopiez le code fourni et le coller dans un module de 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 !                                                        

 

 

24 février 2016 3 24 /02 /février /2016 09:05

Quand on a un blog, on, entend beaucoup parler de HTML et de CSS. N'ayez pas peur, ça ne mord pas !

Ce ne sont que des langages de programmation, codés en anglais, qui permettent de faire des pages internet.

HTML signifie Hypertext Markup Language. Il est constitué de "marques" ou "balises" qui permettent d'identifier les éléments d'une page.

CSS : Cascading Style Sheets. C'est ici que vous allez modifier (éventuellement) le style graphique de votre blog.

Pour l'instant, nous allons nous occuper du HTML.


Le principe est d'utiliser des balises pour définir ce que vous souhaitez. Il en existe beaucoup, (une petite centaine), vous apprendrez à les utiliser au fur et à mesure.

Vous trouvez une
liste des principales balises HTML ICI


Un exemple d'utilisation :

Si j'écris :

<span style="color: #ff0000;"><strong>HTML</strong></span>

Ceci signifie que pour mon texte "HTML", j'ai demandé un style avec une couleur rouge et une écriture en gras.

Ce qui donne :
HTML


Pour utiliser l'HTML dans Overblog, il faut :

* Créer un article

* Choisir l'onglet "édition avancée"
null
* puis cliquer sur HTML à gauche dans la barre de menu.

Vous voyez alors votre article en code HTML. Vous apportez les modifications voulues, puis cliquez sur "Mettre à jour" pour revenir en mode classique.

A vous de jouer !

 

 

 

 

 

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 HTML
commenter cet article
21 février 2016 7 21 /02 /février /2016 09:05
Feedjit Live Blog Stats Un nouveau gadget sympa a vous proposer aujourd hui.

On le trouve chez
Feedjit Free Widgets.

Il y a 4 gadgets :

* La localisation de vos visiteurs en "texte",
   avec leur ville, le blog, la nationalite
   C'est celui que j'ai mis ici sur la gauche !

* une geolocalisation sur une carte du monde

* Une liste de lectures recommandées

* Une liste de sites dont la popularité est optimum


Chacun de ces gadget est paramétrable pour ses couleurs, sa taille.

Comme d'habitude, pour l'installer, il suffit de recopier le code fourni.

Attention, c'est du javascript, vérifier que votre blog l'accepte !


A lire également : Mettre une station météo personnalisée sur son blog  
et
Savoir d'ou viennent les visiteurs de 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
20 février 2016 6 20 /02 /février /2016 09:04

 

 


 

 

 

Le code du jeu :

 

<object width="500" height="365"><param name="movie" value="http://www.jeux-flash-gratuits.biz/games/motocross-fmx.swf">
 <embed src="http://www.jeux-flash-gratuits.biz/games/motocross-fmx.swf" width="500" height="365"></embed></object><br /><b><a href="http://www.jeux-flash-gratuits.biz/motocross-fmx+j21842.html" title="Motocross FMX" target="blank">Motocross FMX</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>
 

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 Jeux
commenter cet article
19 février 2016 5 19 /02 /février /2016 09:03
Pour éviter d'avoir des articles trop longs, il peut être utile de mettre certaines informations dans des ascenseurs. Le texte à mettre dans l'ascenseur doit être entouré d'un code HTML ; lire cet article pour savoir comment faire



1. Mettre du texte dans un ascenseur (Scrollbar)

Pour ne pas que votre article soit trop long, il peut être utile de placer une partie du texte dans un ascenseur, comme ci-dessus.



1.1 Code HTML

Le plus simple est de commencer par taper son texte "normalement", en édition basique, de choisir sa police, sa taille, sa couleur....

Une fois que votre texte est prêt, passer en mode HTML(Bouton HTML à gauche dans le menu de l'édition avancée sur Overblog).

Avant votre texte, ajouter :
<div style="height: 250px; width: 650px; overflow: auto;">

et après votre texte :
</div>



1.2 Paramétrages

Height représente la hauteur de votre ascenseur.
Width représente la largeur de l'ascenseur

  Attention : votre ascenseur n'apparaîtra que si le texte à l'intérieur "dépasse" de la taille définie.


1.3 Modifications ultérieures du texte.

Si vous avez besoin de corriger votre texte après l'avoir mis dans un ascenseur, il vous faut faire un Clic-droit pour retourner en mode édition et faire les modifications souihaitées. C'est un peu long et il est donc conseillé de corriger et mettre en forme le texte AVANT l'insertion dans l'ascenseur.


 


 

2. Exemple complet de code pour un texte dans un ascenseur

L'ascenseur en haut de cet article a le code suivant :


<span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 10pt;"><strong>
<div style="text-align: center;">
<div style="width: 300px; height: 50px; overflow: auto;">
<div style="text-align: left;"><span style="color: #ff6600;">Pour &eacute;viter d'avoir des articles trop longs, il peut &ecirc;tre utile de mettre certaines informations dans des ascenseurs. Le texte &agrave; mettre dans l'ascenseur doit &ecirc;tre entour&eacute; d'un code HTML ; lire cet article pour savoir comment faire</span></div>

 



Si vous avez besoin d'explications supplémentaires, déposez moi votre question en commentaire !
 

 

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 textes
commenter cet article
17 février 2016 3 17 /02 /février /2016 09:02

Ce gadget pour décorer votre blog avec la photo la plus drole du jour !

 

 

Code en script du gadget "photo drole du jour

 

<script src="http://www.gmodules.com/ig/ifr?url=http://www.digitalpowered.info/gadget/models.xml&amp;synd=open&amp;w=320&amp;h=550&amp;title=La+photo+la+plus+rigolote+du+jour&amp;border=%23ffffff%7C0px%2C1px+solid+%23993333%7C0px%2C1px+solid+%23bb5555%7C0px%2C1px+solid+%23DD7777%7C0px%2C2px+solid+%23EE8888&amp;output=js"></script>

 

Restrictions au gadget

 

Ce code est en javascript, et donc interdit aux blog OB en mode confiance.

 

Provenance du code "Photo la + drole du jour"

 

Ce code vient de chez Google

 

 

Articles a revoir

Plein de gifs animés sur le thème de l'ordinateur

Love Gadget : calcule tes chances entre toi et ton amoureux

Des effets surprenants avec vos photos

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 Gadget à blogs
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