Placer un cœur de soutien (avec lien) au TéléVie

21.04.2012

TéléVie : Faisons gagner la vie

Placer un cœur de soutien (avec lien) au TéléVie

Vous voulez placer un placer sur votre blog un cœur "flottant" (comme sur ce blog à gauche des articles) de soutien au TéléVie avec un lien vers le site officiel ?

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

/!\ N.B. :

Attention, la modification du fichier CSS est réservé aux utilisateurs avertis.

Pensez à faire une sauve-garde avant toute intervention dedans.

Je pars du principe que vous avez déjà personnalisé (/appliquer votre feuille de style personnalisée) dans le CSS.

(Sinon consultez l'aide et/ou le forum avant toutes action dans votre CSS)

Il y a quatre actions à faire classées en deux étapes;

La première étape:

Première action :

Copier le code suivant :

/**********************************/
/* ---------------- Code CSS via --------------- */
/* -- http://agora-forums.over-blog.com/ - */
/* -------------------- Pour le ------------------- */
/* ------------------- TELEVIE ----------(Vger)- */
/**********************************/
a#televie {
    position: fixed;
    top:50%;
    left: 20px;
    display: block;
    height: 100px;
    width: 92px;
    background: url(http://idata.over-blog.com/3/66/47/58/Mep/TeleVie-Logo-Vignette.png) top left no-repeat;
    text-indent: -999em;
    text-decoration: none;
    }

Deuxième action :

Dans votre administration, passez votre souris sur "Configurer" et cliquez sur "Design"

Dans la fenêtre qui s'ouvre choisissez "Personnaliser mon thème"

Et dans "Mon Style" collez le code dans le CSS (Pas de problème si vous placez tout en bas du CSS)

Cliquez sur "Enregistrer"

(Pour ceux qui sont passé en mode avancé : Pensez à faire ça dans "Accueil", "Articles" et "Pages")

La moitié du travail est fait

Deuxième étape :

Première action :

Copier le code suivant :

<p>
<a id="televie" name="televie" href="http://www.televie.be/">TeleVie</a>
</p>

Deuxième action :

Dans votre administration, passez votre souris sur "Configurer" et cliquez sur "Mise en page"

Dans un texte libre (vous pouvez choisir un module déjà présent sur le blog) cliquez sur le petit marteau

Dans la fenêtre qui s'ouvre cliquez sur le bouton "HTML"

Dans le fenêtre qui s'ouvre (NE SUPPRIMER RIEN) et en après (/en dessous de) tout ce qui peut être présent (soyez très prudent et attentif, sinon vous perdez tout ce qui était présent dans le module [avec répercution sur le blog]) collez le code

Cliquez sur "Valider"

(Pour ceux qui sont passé en mode avancé : Pensez à faire ça dans "Accueil", "Articles" et "Pages")

Voilà c'est fait

Vous pouvez personnaliser l'enplacement (haut, bas, gauche, droite) du cœur via le code qui a été placé dans le CSS