Overblog Suivre ce blog
Administration Créer mon blog
12 février 2013 2 12 /02 /février /2013 14:45

 

 


 

  C'est l'été, on s'amuse !

 

Voici un gadget pour calculer tes chances de succès entre toi et ton amoureux !

 

Comment jouer avec le "Love gadget"

 

Tu entres ton prénom

 

Tu tapes ensuite le prénom du partenaire de tes rêves

un clic sur "Calculate Love" et tu obtiens ton pourcentage de succès !

 

Le code HTML pour installer ce "Love gadget "

  

<p><img height="0" width="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzczODMyOTYwOTMmcHQ9MTI3NzM4MzI5ODgyOCZwPTIyMzA1MiZkPSZnPTEmbz*3YzllMDJjNjU1YWU*NGYxYTQ4/ZDlkY2EzNzZjZmUwZCZvZj*w.gif" border="0" style="width: 0px; height: 0px; visibility: hidden;" /> </p>
<div>
<object type="application/x-shockwave-flash" data="
http://widgia.com/widgets/love_test/love_test.swf" height="300" width="300">
<param name="data" value="
http://widgia.com/widgets/love_test/love_test.swf" />
<param name="src" value="
http://widgia.com/widgets/love_test/love_test.swf" />
<param name="quality" value="high" />
</object>
</div>
<p><br /><a href="
http://widgia.com" target="_blank">Crab this love test widget here</a></p>

 


 

  * 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
2 février 2013 6 02 /02 /février /2013 15:10

 

 


 

Très pratique pour être toujours au courant des derniers films sortis ou à sortir au cinéma !

 

Sa petite taille permet e la mettre partout, y compris dans un module sur le côté de votre blog, afin qu'il soit visible avec n'importe quel article.

 

Le code du widget "sorties cinéma"

<script src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
if (WIDGETBOX) WIDGETBOX.renderWidget('79dfc224-d38c-4d6b-962d-9d4911ae1e93');
// ]]></script>
<p><noscript>Get the <a href="http://www.widgetbox.com/widget/france-cinema">France Cinema</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript></p>

 

Limitations du gadget "sorties cinéma"

Comme vous le voyez, c'est un code en javascript, donc interdit aux blogs OB niveau confiance.

 

 

A relire

Le widget du film 3D Piranha

Afficher le programme TV sur votre blog

Mettre une station mé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 !                                                        

 

Repost 0
Published by Aurelie - dans Gadget à blogs
commenter cet article
27 décembre 2012 4 27 /12 /décembre /2012 09:58

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


2. Codes HTML

Dans votre article, passer en mode avancé, cliquer sur le bouton HTML, et recopier le code suivant, en tout début d'article.


2.1 Code pour faire tomber des feuilles :


<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 850px; top: 50px; left: 120px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="4" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 70px; left: 170px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<br /><marquee scrollamount="5" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 250px; top: 90px; left: 220px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee direction="down" style="z-index: 645; position: absolute; width: 30px; height: 370px; top: 30px; left: 270px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="7" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 340px; top: 30px; left: 320px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 70px; top: 30px; left: 240px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 50px; top: 30px; left: 140px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 60px; top: 30px; left: 290px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 330px; top: 30px; left: 360px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 400px; top: 50px; left: 390px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="4" direction="down" style="z-index: 600; position: absolute; width: 30px; height: 300px; top: 70px; left: 440px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 100px; left: 470px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 80px; top: 130px; left: 100px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<br /></span></span><marquee scrollamount="4" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 70px; left: 560px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 100px; left: 590px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="4" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 170px; left: 520px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 200px; left: 610px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 340px; top: 250px; left: 650px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 380px; top: 290px; left: 690px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 70px; top: 40px; left: 660px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 90px; top: 60px; left: 690px;"><img src="
http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>



2.2 Autres objets

Vous trouverez d'autres codes pour d'autres objets chez WishAFriend.




Si vous avez besoin d'explications supplémentaires, déposez moi votre question 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
23 décembre 2012 7 23 /12 /décembre /2012 16:30

Si vous voulez connaitre

les dernières actualités

de vos stars préférés,

ce gadget est fait pour vous !

 

 


 

Votre gadget "Actualités de stars"

Ce gadget se met à jour automatiquement et vous présente les actualtiés des stars du moment.

Vous pouvez le mettre sur votre blog, dans un article, ou dans un module, afin que vos visiteurs en soient informés.

 

Le code HTML du gadget "Tout savoir sur les stars"

 

<object data="http://swf.widgadget.com/wrapper.swf?wid=5560&amp;statsid=5479&amp;langid=fr&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" type="application/x-shockwave-flash" width="150" height="420" id="widget" style="outline:none;"> <param name="movie" value="http://swf.widgadget.com/wrapper.swf?wid=5560&amp;statsid=5479&amp;langid=fr&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" /> <param name="quality" value="high" /> <param name="allowFullScreen" value="false" /> <param name="bgcolor" value="#000000" /> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /> <param name="0" value="" /> </object><noscript><br /> T&eacute;l&eacute;chargez le widgete <a href="http://fr.widgadget.com/widget/actualites-de-stars">Actualit&eacute;s de stars</a> &agrave; plus de widgets <a href="http://fr.widgadget.com/galerie">Widgadget</a> &agrave; <a href="http://fr.widgadget.com/">widgets communauté</a>!</noscript> 

 

Restriction au code HTML du gadget "Tout savoir sur les stars"

Impossible à coller pour les blogs 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
Published by Aurelie - dans Gadget à blogs
commenter cet article
22 décembre 2012 6 22 /12 /décembre /2012 16:57

Image qui suit la souris

Image qui suit la souris

 

 

 

Un petit père Noel qui suit la souris de ton ordinateur

 

Oui, ce petit père noel suit ta souris !!!

 

Déplace ta souris sur l'article de mon blog et tu verras un petit père Noel te suivre. C'est marrant, inattendu, et de saison.

Si tu veux installer ce père noel qui suit ta souris, regarde le code ci-dessous.

 

 

Code à recopie pour installer le pere noel qui suit la souris

 

Recopie ce code en début d'article (en mode HTML) sur ton blog et tu auras toi aussi un pere noel derrière ta souris d'ordinateur.

 

<p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Image qui suit la souris</title>
</p>
<script type="text/javascript">// <![CDATA[
document.onmousemove = suitsouris;
function suitsouris(evenement)
{
if(navigator.appName=="Microsoft Internet Explorer")
{
var x = event.x+document.body.scrollLeft;
var y = event.y+document.body.scrollTop;
}
else
{
var x = evenement.pageX;
var y = evenement.pageY;
}
document.getElementById("image_suit_souris").style.left = (x+10)+'px';
document.getElementById("image_suit_souris").style.top = (y+1)+'px';
}
// ]]></script>
<p><img src="http://zupimages.net/up/2/2128958395.gif" alt="Image qui suit la souris" id="image_suit_souris" style="position: absolute; display: block; z-index: 5;" /></p>

 

Limitations au code du pere noel qui suit ta souris

 

Ce code n'est opas utiliosable pour les blogs Over-blog en mode confiance.

 

Articles a relire

 

Montage photo avec votre portrait en pere noel

Montage photo gratuit pour cartes postales personnalisées de Noel

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

   

 


 

  * 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
1 décembre 2012 6 01 /12 /décembre /2012 11:20
 
Je vous ai trouvé une jolie petite horloge pour votre blog.

Vous la récupérez chez  
Deesnay.

En cliquant dessus, vous pouvez la faire sonner, comme une vraie.

Et vous avez même le choix entre 3 sonneries : standard, cathédrale ou coucou.

Si vous regardez bien, vous verrez que son apparence change en fonction de la sonnerie choisie !

C'est rigolo et bien fait !




 

  * 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
28 novembre 2012 3 28 /11 /novembre /2012 11:38

 

celle que tu veux écouter, la langue...

 

Widget du programme TNT

Voilà un gadget bien sympa pour permettre à tes visiteurs d'avoir le programme des chaines TNT sur son site.

 

Ce gadget est disponible sur le site mesprogrammesTV.com et c'est gratuit et sans enregistrement !

 

Code du programme TV :

<iframe id="programmes" src="http://www.tvnt.net/programmes/programmes2.php" width="677" height="1600" scrolling="auto" frameborder="0" ></iframe>

 

Restrictions au code

A priori, même les blogs OB en mode confiance peuvent utliser ce script.

 


 

  * 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
17 novembre 2012 6 17 /11 /novembre /2012 10:27


 

Si vous voulez faire apparaître le dicton du jour sur votre site, rien de plus simple !

 

Code du diction du jour

 

Voici le code à coller :

 

 <iframe name="frame1" src="http://www.lesarbres.fr/dicton1.php?police=verdana&taille=9&couleur=blue&fondcouleur=ffffcc"
    width="280" height="100" border="1" frameborder="0"
    scrolling="no"></iframe>

 

 

Comment personnaliser le "Diction du jour"

 

Il suffit de changer dans le code :

  • la taille ("width" et "height"),
  • la police (si vous voulez "Times New Roman", écrivez "times+new+roman", l'espace étant remplacé par le signe +),
  • la couleur de la première lettre ("couleur") et la couleur du fond ("fondcouleur").

 

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 novembre 2012 5 09 /11 /novembre /2012 11:12
 
fond postit



1. Créer un post-it

Un petit gadget sympa pour créer son post-it.

On connaît tous les fameux post-it jaunes qui nous servent à noter de petits messages. On les colle aux endroits clé pour y penser.

Vous pouvez faire pareil avec votre blog.

C'est chez GrSites que l'on trouve ce générateur à post-it ; ils appellent ça les "boîtes à texte"


2. Mettre son post-it sur son blog

Le générateur est en anglais, mais ce n'est pas difficile à utilser, c'est très visuel.

Une fois choisi le modèle, avoir tapé votre texte, et défini les couleurs... vous sélectionnez "Generate".

Si le résultat vous convient, il vous faudra enregistrer l'image chez un hébergeur, puis copier le code fourni.

Vous personnaliserez alors la ligne :

background: url(box18542121.png) no-repeat;   

avec l'adresse de votre image chez votre hébergeur au lieu de box......png.


 

  * 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
17 août 2012 5 17 /08 /août /2012 10:35

 




C'est chez Google que l'on trouve plein de gadgets à mettre sur votre blog.

Il y en a pour tous les goûts et tous les intérêts :

Cela va des programmes TV, à l'horoscope, en passant par des petits jeux...

Ils sont triés  suivant 9 catégories : 

   * Actualités,
   * Outils de bureau,
   * communication,
    * Jeux & divertissement,
   * Finances,
   * Sports,
   * Culture
   * Technologies,
   * Nouveautés


Je vous ai mis ici, pour l'exemple, un jeu de bowlinget une fenêtre avec la citation du jour, et les actualités en matière de technologie.

Quelques paramétrages sont à faire, comme la couleur de l'encadrement du gadgets, son titre...


A noter cependant qu'une grande majorité de ces gadgets est fourni avec du code javascript, donc non admis par OverBlog si votre BlogRank n'est pas suffisant.



 


 

  * 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

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