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

1. Avoir une page d'accueil sur son site ou son blog

Il est important d'avoir une belle page d'accueil : c'est la vitrine de votre site !

Elle doit donner envie à votre visiteur d'aller voir vos articles, de fouiner dans votre blog...

Voici donc comment faire une page d'accueil.

Vous avez plusieurs façons de faire :


2. Faire une "vraie" page d'accueil, sans aucun article

Le plus simple est de créer un "faux" article, et d'y mettre ce que vous voulez y voir dans le corps de votre blog, comme page d'accueil.

En général, on y met une explication du pourquoi du blog, ce qu'on va y trouver, éventuellement un index, et surtout, une information claire sur "comment entrer".

C'est ce que j'ai fait sur le blog du Lynx, allez voir ICI : Page accueil Lynx01


2.1 Créer un article contenant la page d'accueil

* Vous créer un article, comme vous procédez d'habitude, mais avec les informations et liens utiles puisqu'il sera votre page d'accueil.

* Vous le datez :

   . du premier jour de votre blog, si vous avez choisi un affichage des articles "Du plus ancien au plus récent"

   . du dernier jour, si vous avez choisi l'affichage "Du plus récent au plus ancien,".
(Sur Overblog, avec Configurer/Mise en page/Accueil puis clic sur le marteau du module article)

Attention, dans ce cas, il vous faudra absolument revenir sur cet article "Page d'accueil" à chaque nouvelle parution, pour changer la date et faire en sorte qu'il ait toujours la date la + récente.



2.2 Mettre sa page d'accueil dans un module "Texte libre"

C'est vraisemblablement la solution la plus simple, car une fois faite, inutile de revenir dessus !

* Vous ajoutez donc un module "texte libre" dans la mise en page de l'accueil de votre blog.

* Vous mettez dedans le contenu de ce qui sera votre page d'accueil.

C'est ce que j'ai fait sur ce blog : c'est le  module "bienvenue". Il s 'affiche partout, et avant mes articles.


 

* 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

Un gadget pratique et utile !

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

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