Ton blog est protégé.... dans quel module le script ?

@sudiste

Euh..un peu vague !!!!
Un exemple peut-être ? article, page ....

@la gentille rebelle

ok...j'ai laissé un com sur "http://lagentillerebelle1.eklablog.com/"
En fait avec ce script, tu peux mettre 2 images. Une pour déplacement gauche et l'autre pour déplacement droite.
Par exemple pour ton blog avec le curseur "2 oiseaux", il y aurait un oiseau volant à gauche pour déplacement gauche,
et un oiseau volant à droite pour déplacement droite.
Exemple ci-dessous avec des yeux qui tournent à droite ou à gauche (F5 pour rafraichir ) voir les url .gif en jaune:

<!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var x = 0;
var y = 0;

if (document.getElementById)
{
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = Pos_Souris;
window.onload = Bouge_Image;
}

function Pos_Souris(e)
{
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
}

posX = 0;
posY = 0;
anim = true;
oldpos = "http://www.editeurjavascript.com/img/img_exemples/gauche.gif";

function Bouge_Image()
{
if (document.getElementById && anim)
{
posX = posX+(((x-posX)+20)/15);
posY = posY+(((y-posY)+20)/15);
if(posX<x)
newpos='http://www.editeurjavascript.com/img/img_exemples/droite.gif';
else
newpos='http://www.editeurjavascript.com/img/img_exemples/gauche.gif';
if(newpos!=oldpos)
{
document.tete.src=newpos;
oldpos=newpos;
}
document.getElementById("teteronde").style.top = posY+"px";
document.getElementById("teteronde").style.left = posX+"px";
tempo = setTimeout("Bouge_Image()", 15)
}
}

if(document.getElementById)
{
document.write('<div id="teteronde" style="position: absolute">');
document.write('<a href="/image-derriere-souris-a58504337#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');
document.write('<img src="http://www.editeurjavascript.com/img/img_exemples/droite.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
document.write('</a>');
document.write('</div>');
}
</script>
<!-- FIN DU SCRIPT -->

Il me semble t'avoir proposé de placer le script 'img-curseur' dans un module déjà existant, comme ton module ' Formations ', par exemple. Ainsi plus de souci pour cacher le module...
Pour le code 'modifier le footer', effectivement dans un module y a problème.
En attendant pour ajouter du texte (ou image), place ce code dans module existant:

<div style="position:absolute;bottom:5px;left:40%;">Mon-texte-ici</div>

Résolu ton pb 'd'img-qui-suit-curseur' ??? Car je vois que tu as rajouté un code pour cacher l'image....

Ce décalage provient de 'image-qui-suit-le-curseur' qui est située à droite du curseur.
On peut placer les flèches 'haut-bas' à gauche en remplaçant dans le code CSS:

right: -10px;  par  left: -10px;

Et pour ne pas chevaucher le menu de gauche (facultatif), on réduit la largeur de la page:

Apparence > Modifier le thème > Format blog > Largeur page > 90%
ou en css:

#background {width: 90%;}

Pour l'image qui suit le curseur, j'ai visité ton blog > ok > ras !!!
Pour les flèches retour Haut/Bas, voici les codes :
Code html:

<!-------- Flèches Haut-Bas --------------->

<div class="hautbas"><a title="Haut" href="#top"><img class="imghaut" src="http://ekladata.com/t7WlBCqQCb7BPYg-g_5Us1zGckI/fleche-bleu-en-hausse-de-icone-6442-96.png" alt="" /><br /></a> <a title="Bas" href="#footer"><img class="imgbas" src="http://data0.eklablog.com/papyrocktest/perso/fleche-bleu-en-baisse-de-icone-7812-96.png" alt="" /></a></div>

Code CSS:

.hautbas {
    position: fixed;
    right: -10px;
    top: 340px;
    display: block;
    z-index: 99;
    transition: 1s;
    
    
}
.hautbas img {
width:60px;
}
.imghaut {
    opacity: 0.3;
    filter:alpha(opacity=50);/* For IE8 and earlier */
    box-shadow:0px 0px 0px 0px;
    
}
    
.imgbas {
    opacity: 0.3;
    filter:alpha(opacity=50); /* For IE8 and earlier */
    box-shadow:0px 0px 0px 0px;
}    

.imghaut:hover {
    opacity: 1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    -webkit-transition:opacity 1s;
    -moz-transition: 1s;
    transition: 1s;
}
    
.imgbas:hover {
    opacity: 1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    -webkit-transition:opacity 1s;
    -moz-transition: 1s;
    transition: 1s;
}    

Bah ....y a  qu' à pourtant ..!!!
Le javascript doit être activé sur ton blog.
Copier l'URL du curseur (adresse de stockage d'une image), ex avec le code:
http://data0.eklablog.com/gege95/perso/divers_bd_074.gif 
ceci est l'url de mon image curseur.
Cette url-image, faut l'insérer à la place des url en rouge dans le code.
Dans un module simple, en mode édition article (html)...
Rafraichir la page (F5) et....c'est tout !!!

Si c'est juste pour écouter en boucle le même morceau, voici un exemple :

<object id="dewplayer" width="20" height="20" name="dewplayer" data="http://ekladata.com/v8tejSqezr-T9_7M2T0e4nRQ_Ng/dewplayer-mini.swf" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="flashvars" value="mp3=http://ekladata.com/papyrocktest.eklablog.com/perso/audio/yonverter%20-vie1wa88moa-.mp3&amp;autostart=1&amp;autoreplay=1" /><param name="src" value="http://ekladata.com/v8tejSqezr-T9_7M2T0e4nRQ_Ng/dewplayer-mini.swf" /></object>

(la longueur "width" est à l'origine = à 200px >  width="200")

.window_content {

border-radius: 20px;

}

.window_bottom {

height: 0px;

}

les 2 coins supérieurs sont des images et non des bords....

.window_handle_content {
border-radius: 20px 20px 0px 0px;
}

.window_handle_left {
display: none;
}

.window_handle_right {
display: none;
}

Un exemple pour la fenêtre info visiteurs ??? 

/*--------------- Design commentaires -----------*/
.comment_normal,.comment_admin {
width: 99%;
border: 2px solid #AAA;
border-radius: 25px;

margin-bottom: 10px;
    margin-top: 10px;
}
.comment_normal img,.comment_admin img{
  border-radius: 15px;  
}

Salut!

Il faut faire une demande d'activation de javascript, au support ici.
(javascript est un langage informatique spécial internet)