Plop les bovins !!!
Bon il y a un petit truc qui me tracassait les pis depuis un bon moment, alors j’ai décidé de m’y attaquer cette nuit et de vous en faire profiter.
Je voulais un petit bouton « back-to-top » qui permette au lecteur de retourner en haut de la page en un clic ce qui est bien pratique quand le corps de votre page d’accueil est assez long.
Ça évite de devoir scroller à nouveau vers le haut ou de devoir faire mumuse avec la barre de défilement, ce qui à la longue devient assez chi… pour rester poli.
Alors pour un bouton simple la manipulation est assez simple et peut se faire en 2 secondes à l’aide d’une simple balise HTML comme celle-ci :
Un pro vous ferait ça en 2 minutes mais je dois vous avouer que n’étant pas un pro, j’ai un peu galéré pour arriver en partie à ce que je voulais. Je pense par conséquent que la méthode que j’ai utilisé peut vous intéresser si vous tournez sous Blogger et vous allez voir, ce n’est pas difficile du tout.On va se faire ça en trois étapes :
– 1) Une simple balise « div« .
– 2) Un peu de CSS.
– 3) Un petit script Jquery.
On va commencer par créer la balise HTML « div« , celle-ci doit contenir deux choses :
– Le lien de votre image.
– L’instruction qui va la relier au script Jquery (ici « btn_up« ).
Important !!!Commencez par effectuer une sauvegarde de votre template avant de le modifier, on ne sait jamais.
Allons-y, commencez par télécharger et héberger votre image, moi j’ai pris une petite flèche sur fond blanc :
Créez ensuite la balise HTML qui va bien et placez la par exemple, avant
Le problème avec Blogger c’est que même avec ce genre de plugins tu dois mettre les pattes dans le cambouis ;)
Tu n’as pas accès à la racine pour placer ce genre de plugin.
Merci pour ce tuto. Sinon les feignasses comme moi qui ont peur de mettre les mains dans le cambouis peuvent se tourner vers un plugin tout fait :
http://wordpress.org/extend/plugins/ultimate-back-to-top/