Il s'agit d'introduire un code Javascript avec l'icône Code source  de l'interface d'Edition d'un article. Pour ce faire il est nécessaire de demander à EKLABLOG d'activer le Javascript sur votre blog. Une fois avoir reçu la confirmation vous suivez la procédure.

Pour information la procédure qui suit peut se faire avant ou après avoir inséré les photos de l'article.

En tout premier télécharger l'image désirée dans et le menu déroulant "Gérer les fichiers". Une autre solution est d'employer une galerie EKLABLOG → "Nouvelle galerie" Selon la largeur de votre blog il pourrait être nécessaire de modifier la résolution de ces images.

Puis vous devez l'article concerné.

Mettre l'interface en mode "Expert" ce qui fait apparaitre l'icone "Code source"


Voici le code que vous devez copier en entier. Si pas possible de copier ici je vous l'envoie par message.

<div id="madiv1">&nbsp;</div>
<script type="text/javascript">// <![CDATA[
var x=document.getElementById('madiv1').parentNode.parentNode;
x.style.backgroundImage='url(image)';
x.style.backgroundSize="100%";
x.style.backgroundPosition="0px 100px";
x.style.backgroundRepeat="no-repeat";
// ]]></script>

Maintenant activez l'icône "Code source" et collez le code à la place du curseur clignotant ou à la suite des codes existants..                     

Ce code étant utilisable qu'une fois, vous devez alors modifier les deux "madiv" (5 nouvelles lettres entre les guillemets) chaque fois que vous l'introduisez dans un article. Le chiffre 1 peut rester. Et entre les guillemets (image) vous coller l'adresse URL de votre image de fond, cliquez sur OK et  Enregistrer sans publier   Puis aller à la prochaine étape

                       Le fond apparait sous forme d'un bandeau. Il se déploiera chaque fois que vous insérez une image.
A ce stade vous pouvez modifier les valeurs bleu vert brun selon vos besoins, explications ci-dessous :

Bleu = dimension de l'image de fond en %.  100% est la largeur de la page
Vert = valeur variable de déplacement du fond vers le bas
Brun = "no-repeat" signifie que le fond sera inséré une fois,
        si on enlève no- le fond se répétera en mosaïque l'un en dessous de l'autre
(ne pas oublier de cliquer OK puis Enregistrer sans publier)
n
b

Le bandeau de l'image de fond est actuellement inséré (ci-dessous). Vous n'avez plus qu'à introduire vos photos, la page va s'adapter à l'espace employé. Pour ce faire on peut utiliser HTML- placer une image ou  - insérer un tableau