Jouer perso (mais pas trop)

Le blog, c'est génial ! On peut partager infos, passions et tranches de vie, avec les amis, la famille et même des inconnus... tout ça, sans avoir à écrire la moindre ligne de code HTML, de javascript, ou autre.

Oui, mais voilà: après quelques semaines passées à écrire, on aimerait bien que le blog nous ressemble un petit peu plus. Ou du moins qu'il soit un peu plus original. Voire, un peu beaucoup...

Les 4 gros avantages d'Over-Blog par rapport aux autres moteurs que j'ai pu croiser, c'est qu'il n'y a pas du pub, et donc pas de gros placards publicitaires qui flashent à l'écran; qu'il est possible de mettre du HTML (si besoin est) un peu où l'on veut; qu'il est possible de modifier toutes les caractéristiques du design fourni par Over-Blog, grâce au CSS et à l'édition des blocs; et enfin (et ce n'est pas le moindre des avantages) qu'il est possible d'héberger non seulement des images mais aussi n'importe quel type de fichiers, et en particulier des pages HTML et des fichiers javascript.

C'est ce dernier point qui m'a donné l'idée de faire une petite intro personnelle à mon blog, juste pour voir, pour le plaisir.

Pour ce faire, j'ai créé une page HTML que j'ai appelée index.html, et je l'ai téléchargée sur mon blog dans un répertoire dédié (onglet Fichiers, icône Fichiers, icône Charger un fichier). J'ai aussi téléchargé les images dans ce même répertoire. Une fois le fichier HTML chargé, il est en ligne, c'est-à-dire, il est accessible comme n'importe quelle page du Web. Il ne reste plus qu'à le référencer dans votre blog.

C'est là que l'édition des blocs rentre en jeu (onglet Design, lien Editer les blocs, puis Editer l'entête). Dans mon cas, j'ai voulu que toute personne entrant dans mon blog via l'adresse http://stephane-eg.over-blog.com soit directement transférée sur la page d'intro. Par ailleurs, ma page d'intro affiche une iframe dans laquelle j'affiche le blog si la personne clique sur une catégorie.

J'ai ainsi inséré le code javascript suivant; ce code vérifie qu'on est bien rentré dans le blog avec l'adresse http://stephane-eg.over-blog.com (en rouge) et qu'on n'est pas déjà dans une iframe dont le parent est la page d'intro (en vert), sinon on va boucler.

< script type="text/javascript" >
var urlIntro = 'http://ddata.over-blog.com/xxxyyy/0/01/82/28/home/index.html';
var urlBlog = 'http://stephane-eg.over-blog.com';
if (this.location == urlBlog && this.parent.location != urlIntro) {
this.parent.location = urlIntro;
}
< /script >

Et voilà ! Le tour est joué. Il ne vous reste plus qu'à exercer talent et imagination pour personnaliser votre intro à votre goût.