Chers lecteurs, vous avez du remarqué que depuis un temps je suis en hibernation. Rien de bien grave de mon côté, juste qu'il me fallait faire une pose sur un tas des choses. je crois que nous reprendrons notre rythme normal au cours de la première semaine du mois de janvier. En attendant, voici une petite astuce qui peut intéresser certains ici.
Je crois qu’il vous est déjà arrivé de voir sur un site ou un blog quelconque, un petit cercle qui semble tourné et qui indique que la page est entrain d’être téléchargée. Ceux qui utilisent Mozilla comme moi, savent de quoi je parle, puisque ce navigateur a ce genre de fonction.
Le code que je vais vous proposer ici, une astuce d’Amanda, vous permettra d’insérer un petit bouton similaire dans votre blog (pas du tout ennuyant comme la fléchette pour remonter vers le haut de la page).
Pour l’insérer, il vous suffit :
Le code que je vais vous proposer ici, une astuce d’Amanda, vous permettra d’insérer un petit bouton similaire dans votre blog (pas du tout ennuyant comme la fléchette pour remonter vers le haut de la page).
Pour l’insérer, il vous suffit :
1. De vous connecter à votre compte Blogger. D’aller sur “ Mise en page ”, puis sur “ Modifier le code html ” et trouver la balise <body> .
2. Remplacer celle-ci par le code suivant :
<body onLoad='init()'>
<span id='loading' style='position:absolute; text-align: center; top:10px; right: 10px;'><img border='0' src='http://bloggerbuster.com/images/loading.gif'/></span>
<script>
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4) ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init() {
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>
Enregistrer votre modèle et le tour est joué.
Si vous voulez mettre une autre image à la place de celle qui est dans le code, trouver la ligne suivante et remplacer l’url par la votre.
<span id='loading' style='position:absolute; text-align:center; top:10px; right: 10px;'><img border='0' src='http://image-host.com/votre-image-de-telechargement.gif'/></span>
Vous pouvez trouver un autre style de bouton sur Ajaxload et sur Sanbaldo.com
Vous pouvez aussi ajouter un texte du genre “ téléchargement ” à votre icône en le mettant à l’endroit indiqué dans le code suivant :
<span id='loading' style='position:absolute; text-align:center; top:10px; right: 10px;'>Téléchargement...<img border='0' src='http://image-host.com/votre-image-de-telechargement.gif'/></span>
@+
Merci pour cette astuce et au plaisir de te retrouver après ton hibernation.
RépondreSupprimerMarche pas sur un template modifié, les XML ne sont pas fermés dit-il, salut
RépondreSupprimerCa fonctionne pas chez moi non plus. Il dit aussi que les balises ne sont pas fermées.
RépondreSupprimerDSl pareil pour moi!
RépondreSupprimerla même chose pour moi!
RépondreSupprimerpareil
RépondreSupprimerVotre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
RépondreSupprimerMessage d'erreur XML : The entity name must immediately follow the '&' in the entity reference.
cela ne marche pas non plus sur mon site http://histoireetfaits.blogspot.com
RépondreSupprimerBonjour,
RépondreSupprimerLa balise body de mon modèle Blogger commence par ceci :
body expr:class='"loading" + data:blog.mobileClass'
Comme vous le voyez, la balise bodyest déjà occupée.
Comment vais-je pouvoir insérer votre portion de code dans ce cas ? Merci !