Login To Blogger Go To > Design > Page Elements.
Simply add a Gadget of HTML/JavaScript type.
add this code in to it:
<!--BACK2TOP-STARTS-->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCnbTJpMiWS8ppbXXaJNyIjdPNgHorNug4Gox-vTisWEoxxr1pxoaZKCVRghchSni0yMnkzjZDWds8uCTV5wGiUXHdVvurm-rEZXp-7Rz450kzd5xF3KIJ6fSIB5BbdlxASPFP9EAUqHI/s1600/up+b.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1_7fWX2_9U6zVEtwAEepubCsbAizI54ZyOAAXQUbuBkCxiorCS16pNfC07t6sU-0fsAPL41BM6sK9IdP593XD1JWPSGEvow_IEuDiK-qOGvJ02Qo6HZ2ek0dvEz7kFHASM2PPxhbEoK0/s1600/up+s.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1_7fWX2_9U6zVEtwAEepubCsbAizI54ZyOAAXQUbuBkCxiorCS16pNfC07t6sU-0fsAPL41BM6sK9IdP593XD1JWPSGEvow_IEuDiK-qOGvJ02Qo6HZ2ek0dvEz7kFHASM2PPxhbEoK0/s1600/up+s.png'"/></a>
<!--BACK2TOP-STOPS-->
you can change the pics if you wish to.The one ending with "up+b.png"(blue) should be replaced with your larger image and the other one(red) with the small image.<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCnbTJpMiWS8ppbXXaJNyIjdPNgHorNug4Gox-vTisWEoxxr1pxoaZKCVRghchSni0yMnkzjZDWds8uCTV5wGiUXHdVvurm-rEZXp-7Rz450kzd5xF3KIJ6fSIB5BbdlxASPFP9EAUqHI/s1600/up+b.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1_7fWX2_9U6zVEtwAEepubCsbAizI54ZyOAAXQUbuBkCxiorCS16pNfC07t6sU-0fsAPL41BM6sK9IdP593XD1JWPSGEvow_IEuDiK-qOGvJ02Qo6HZ2ek0dvEz7kFHASM2PPxhbEoK0/s1600/up+s.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1_7fWX2_9U6zVEtwAEepubCsbAizI54ZyOAAXQUbuBkCxiorCS16pNfC07t6sU-0fsAPL41BM6sK9IdP593XD1JWPSGEvow_IEuDiK-qOGvJ02Qo6HZ2ek0dvEz7kFHASM2PPxhbEoK0/s1600/up+s.png'"/></a>
<!--BACK2TOP-STOPS-->
Just save your widget and view your blog with a floating Back-To-Top button at the bottom-right corner of your homepage.
2 comments so far:
how to add the one you have in yours
Nice
Post a Comment