Mettre un "I Love Belgium" comme sur ce blog

Publié le par Vger

Vous désirez mettre un "I Love Belgium" comme sur ce blog (en haut à gauche) ?

C'est assez facile, et "compatible" tout niveaux (Confiance, Privilège, Premium)

Il y a deux étapes à suivre;

La première étape:

Dans votre administration, cliquez sur "Design" et ensuite sur "Mode Avancé (CSS)"
Ensuite voyez si vous avez un "Body {du code} " ou un "a {du code}"
Juste après le } passez à la ligne et copier/coller ce code :

/* -------- I Love Belgium -------- */
a#ilovebelgium {
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    height: 101px;
    width: 101px;
    background: url(http://idata.over-blog.com/0/05/92/49/Gadget/ilovebelgium_multi.gif) top left no-repeat;
    text-indent: -999em;
    text-decoration: none;
    }


Cliquez sur "Enregistrer"

Deuxième étape :

Cliquez sur "Configurer"
Dans votre "Texte libre" du haut (votre entête [header en anglais]) cliquez sur le petit marteau , cliquez sur "Contenu personnalisé", puis sur "HTML"  et copier/coller (si vous avez déjà du code, coller à la fin) :

<a id="ilovebelgium" name="ilovebelgium" href="http://www.heart-flag.org/" target="_blank">I Love Belgium</a>

Cliquez sur "Valider"

Voila, c'est tout ;o)

Si vous vous sentez d'attaque et avec un peu de réflection rien ne vous empêche de "créer" votre gadget avec votre propre image etc. (Mais dans ce cas, vous devrez passer aussi par l'étape "d'hébergement" de l'image (Ici je l'ai fait pour tous) ;o)


Note aux visiteurs "Non Over-Blog" :
Vous devrez enregistrer l'image (.gif) sur votre terminal et ensuite la placer sur votre espace de stockage (Over-Blog n'aimant pas le "HotLink" ;o) .
Et ensuite éditer une partie de la ligne de code .../ background: url(http://idata.over-blog.com/0/05/92/49/Gadget/ilovebelgium_multi.gif) top left no-repeat; /... par l'adresse ou est socké l'image.
Pour le reste cela va dépendre de votre propre plateforme et là, ...vous devrez demander de l'aide "sur place" :ox

Publié dans Widgets ~ Goodies

Commenter cet article

Lepine3 26/12/2010 07:56



http://www.animevak.com/


Waisssss Regardez!!!!!!



melodymarine.over-blog.com 19/08/2010 17:10



Bonjour,


Je trouve ton fond d'écran vraiment sympa...voilà moi je voudrai mettre ce fond d'écran http://idata.over-blog.com/3/99/41/69/nature_088.jpg sur mon blog et aussi ces deux images comme tu la fait sur le tien en haut a
gauche cette image  http://idata.over-blog.com/3/99/41/69/trefle.gif et l'autre  http://idata.over-blog.com/3/99/41/69/ecureuil.gif en bas à droite, mais je ne suis pas douer en css et je n'arrive ni à modifier mon
fond (en suivant les explications sur ton site, rien ne change) ni insérer ces images, peux tu m'aider, mon design actuellement est ice cream pistache si cela peut t'aider 


Merci d'avance de ton aide.



Tristan 15/08/2010 14:17



Ca marche mais je dois le maitre tout en bas ou au premier } que je recontre ?



Tristan 13/08/2010 16:59



Moi quand je vais dans le CSS, Mon PC me dit qu'un script ralentit mon PC.


On peut arranger ça ?



ღ ღ ღ ♥ nessa ♥ღ ღ ღ 30/04/2010 21:47



oups j'avais oublié cette affaire :-)  merci donc le logo apparait en haut à gauche mais completement tronqué est ce que tu pourrais me montrer l'url de ton gif pour voir comment le
refaire  ?   je vais aller voir too cool :-)  bizzz bonne fin de soirée et bon 1 er mai :-)