14 avril 2014 1 14 /04 /avril /2014 08:36

 

 

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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Gadget à blogs
commenter cet article
9 avril 2014 3 09 /04 /avril /2014 09:53

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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Gadget à blogs
commenter cet article
8 avril 2014 2 08 /04 /avril /2014 09:52


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 !                                                        

 

 

Partager cet article

8 avril 2014 2 08 /04 /avril /2014 08:51

 

Certains d'entre vous m'ont demandé comment faire quand leur hébergeur de blog n'a plus d'espace dispo pour stocker nos images. Voici donc un site fait pour cela !


 

ImagUP.com proposes aux internautes d'héberger leurs images gratuitement sur ses serveur.

 

 

1. Comment utiliser ImagUP.com

- Comment uploader une image ?

 
Pour envoyer une image, vous devez cliquer sur 'Parcourir...', sélectionner l'image disponible sur votre ordinateur et de cliquer sur 'UPLOADER MON IMAGE !' pour lancer le upload.
Vous serez ensuite redirigé vers une nouvelle page avec toutes les informations sur votre image.


- Quel sont les images compatible ?

  
Poids de l'image : 4mo (4096ko) !
La taille de l'image : illimité !
Format d'image : Jpg, Jpeg, Gif, Png !


- Comment obtenir une galerie d'image ?

 
Il vous suffit de vous inscrire gratuitement et de uploader des images depuis votre galerie.


- Quel est la durée d'hébergement de mes image ?

 
La durée d'hébergement d'une images uploader de manière anonyme est garanti durant 2 mois. Si votre image a pour but d'être héberger à long termes, il est préférable de l'héberger dans votre galerie privée.

 

2. Comment installer le gadget d'ImagUp sur son site

 

Voilà le code ; d'autres sont à récupérer chez eux, rubrique "Webmaster"

 

<iframe src="http://www.imagup.com/module_upload_custom2.php" width="260" height="210" frameborder="0" scrolling="no" allowtransparency="true" ></iframe>


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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Petites astuces
commenter cet article
6 avril 2014 7 06 /04 /avril /2014 16:51
 

 

 


 

 

Code Javascript du synthétiseur

 

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('6d34d584-baf9-4ce5-812d-2703aca76bca');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/full-size-synth-piano">Full Size Synth Piano</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>

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 !                                                        

 

 

Partager cet article

5 avril 2014 6 05 /04 /avril /2014 17:32

 




1. Vos images qui bougent toute seules

Et oui, c'est possible, comme avec cette petite animation sur ma bannière.

La seule condition est d 'attendre le chargement de l'image, en positionnant votre souris au dessus.


2. Comment faire bouger vos images

C'est le site flash-gear qui propose de vous faire cela, en 3 clics :

* Vous chargez votre image,

* vous cliquez sur "Continue",

* vous copiez le code fourni en mode HTML dans votre article.


Allez, un petit dernier pour vous hypnotiser !

 


 


 

                                      Rendez-vous sur Hellocoton !                                                   

 

 

Partager cet article

Published by Aurelie - dans Les images
commenter cet article
4 avril 2014 5 04 /04 /avril /2014 17:26

 

 


 

Un petit gadget très sympa si vous voulez connaître instantanément l'heure locale, partout dans le monde.

Plus besoin de vous creuser la tête pour savoir si les x heures de décalage sont à ajouter, à retirer....
Ici, c'est instantanné : vous cliquez sur le pays (ou la zone) et l'heure locale s'affiche !

Vous ne réveillerez plus votre mamie guadeloupéenne à 3 heures du matin ! Elle vous en sera sûrement reconnaissante.


C'est chez
ClockLink qu'on trouve cette mappemonde interactive, et elle se trouve dans l'onglet "World clock"

Vous avez 3 tailles de mappemondes et 4 couleurs.

Une petite précision : vous devez choisir l'horaire "GMT + 1" pour le réglage.


Code HTML de l'horloge mondiale, version verte :

Ce code fonctionne avec tous les niveaux sur Over-blog



<embed src="http://www.clocklink.com/clocks/world001-green.swf?TimeZone=GMT0100&"  width="480" height="250" wmode="transparent" type="application/x-shockwave-flash">
 


 

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

 

 

Partager cet article

Published by Aurelie - dans Gadget à blogs
commenter cet article
2 avril 2014 3 02 /04 /avril /2014 13:59

 

 


 

 

Ce moteur de recherche est un outil gratuit qui recherche des multiples sites de réservation d'hotel en même temps à vous aider à trouver le tarif le plus bas instantanément. 

 

Ce service est un étonnant gain de temps et d'argent !

 

Comment mettre ce gadget sur votre blog

 

Il vous suffit de coller le code HTML fourni dans un article, ou sur un module visible de toutes les pages de votre blog.

Info ! Tous les niveaux chez OB acceptent ce gadget !

 

 

Code HTML du gadget "Hotel au meilleur prix"

 

<div style='width:100%; text-align:center;'><a href='http://widgiland.com/WidgetDetail.aspx?Gadcod=1100' target='_blank'><img src='http://widgiland.com/Images/logodis.png' border='0'></a></div><script src="http://www.gmodules.com/ig/ifr?url=http://fly3.net/gadgets/hotel-c-fr.xml&amp;synd=open&amp;w=320&amp;h=270&amp;title=Chercher+des+hotels+au+meilleur+prix&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Gadget à blogs
commenter cet article
31 mars 2014 1 31 /03 /mars /2014 15:02
MySpace Comments
MySpace Comments at GlitterBell.com
Add the Comment App

   

Code HTML de ce post-it

<center><a href="http://www.glitterbell.com/" title="MySpace Comments"><img alt="MySpace Comments" src="http://208.71.34.142/comments/general/quick-notes/thinking-about-you.gif" border=0></a><br><a href="http://www.glitterbell.com/">MySpace Comments at GlitterBell.com</a><br><a href="http://www.myspace.com/469121002">Add the Comment App</a></center>

Autres post-it

Vous en trouvez d'autres sur le site http://www.glitterbell.com/comments/general/quick-notes/
 

Articles à relire

Faire une photo dédicace gratuite

Arrondir les coins de vos photos

Image changeante au survol de la souris
 

 

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

 

Partager cet article

Published by Aurelie - dans Les images
commenter cet article
30 mars 2014 7 30 /03 /mars /2014 15:12

 

Les lapins crétins sont à nouveau parmi nous et ils nous amusent beaucoup !

 


 

Comment jouer aux lapins crétins

 

Une fois le jeu chargé (il suffit d'attendre quelques secondes sur mon article), vous choisissez votre langue avec la drapeau.

 

Ensuite, mieux vaut lire les instructions, puis clic sur "jouer".

 

Dégommez ce que vous voulez et amusez-vous !

 

 Code HTML du jeu Lapins crétins, pour installer le jeu sur ton site

<table style="margin:0 0 10px 0; width:244px; background:#fff; border:1px solid #F3F3F3;" cellspacing="0" cellpadding="0"><tr><td style="font-family:verdana; font-size:11px; color:#000; padding:5px 5px;"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="480"><param name="movie" value="http://www.jeuxclic.com/jeux/game-1292926603.swf"><param name="quality" value="high"></param><param name="menu" value="false"></param><embed src="http://www.jeuxclic.com/jeux/game-1292926603.swf" width="640" height="480" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed></object></td></tr><tr><td style="font-family:verdana; font-size:11px; padding:5px 10px; border-top:1px solid #F3F3F3;" align="center"><strong><a href="http://www.jeuxclic.com/jeux.php?id=18153" target="_blank">Raving rabbids - ravel in time</a></strong> |  <a href="http://www.jeuxclic.com">Jeux</a> avec <a href="http://www.jeuxclic.com" title="Jeux avec Jeuxclic.com">Jeuxclic.com</a></td></tr></table>

 

 

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

 

 

 

A lire aussi

PacMan : jeu et code pour installer sur ton site

jeu de course de motos : motocross FMX

superstickies


 


 

 

Partager cet article

Published by Aurelie - dans Jeux
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

Compteur et traducteur

Il y a actuellement    personne(s) présente(s) sur ce blog


Mettre ce site en page de démarrage

 

English    deutsch   English    español    Italiano    Português nederlands

 

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 & météo de demain

 

meteo gratuite

Géolocalisation

formation

Mailorama

Partager cette page Facebook Twitter Google+ Pinterest
Suivre ce blog