Scrool Up Widget For Blogger

Scrool Up Widget For Blogger

This widget make a icon at end of your blog when you and vister want to go at top they can go to top by pressing button scrool up, they have not need to use mouse scrool just click on button go top of the page, I have make set of icon for make your blog nice looking if you like this as credit click on g+ and share with friends.

Sets Of scrool up icons

Take it Easy Dear Row 1 Row 2 Row 3 Row 4 Row 5   Row 6   Row 7

Please if you want to show scrool button nice looking then choose 2 Different  icons by rows,  when you place mouse on button it change icon. For example you have set a icon from row 4 a Yellow and Red when you place mouse on it look like below

How To Install To Blog

Go to Blogger Dashboard »» Click on Layout »» Add Gadget popup window will be open select HTML/JavaScript From lint in pop up window, new page opwn in popup window paste code in content box and click on save below i tell you which code you have to paste in content box

Modify a code with above icons

<!-- scrool up widget for blogger By kotllians.blogspot.com, baadshah26gold.com, pluswidgets.blogspot.com --> <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='Image-first-URL?imgmax=800'" src="Image-2nd-URL" onmouseout="this.src='Image-2nd-URL?imgmax=800'"/></a> <!-- scrool up widget for blogger By kotllians.blogspot.com, baadshah26gold.com, pluswidgets.blogspot.com -->

In above code i have mark three texts image first icon and image secon icon, please copy link from above icon and replase these text and paste in content box and save.. Note: Image-2nd-URL is two time you have to replace second link twice.

Click below add to blogger icon to directly add that button you have seen a demo by placing a mouse on over

<!-- scrool up widget for blogger By kotllians.blogspot.com, baadshah26gold.com, pluswidgets.blogspot.com --> <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/AVvXsEhz4dAbdXnABYgbBhU2SsHjY3Q_kfHPisI2AvBkbAniGpSh9hNNs1ikjpyJQOwbmnVCHUPqEYDthyphenhyphen-_rEp8UOalFJlRQfV5MJ1vJVC162srwMxqRDkta_TZ_IHPa7eq24a00CLGTM5MsWM/s1600/kotlians.blogspot.com-2-.png?imgmax=800'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgowRr7hNPyMrgnm5DdGkrRGYPrq4WU5eZLue3TIGHTrlvFm40DU1280e2htcLvFZ53MGDrrVRR4XaTbsL94kytpSQR1SsfLwZ551QYQ9pl2R5dnEAsFGKevMvJch9fBqsTV3BctdWNj7c/s1600/kotlians.blogspot.com-3-.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgowRr7hNPyMrgnm5DdGkrRGYPrq4WU5eZLue3TIGHTrlvFm40DU1280e2htcLvFZ53MGDrrVRR4XaTbsL94kytpSQR1SsfLwZ551QYQ9pl2R5dnEAsFGKevMvJch9fBqsTV3BctdWNj7c/s1600/kotlians.blogspot.com-3-.png?imgmax=800'"/></a> <a href="http://kotlians.blogspot.com/" target="_blank" title="Grab this"><img src="https://dl.dropbox.com/u/80100102/kotlians/backlink.png" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a> <!-- scrool up widget for blogger By kotllians.blogspot.com, baadshah26gold.com, pluswidgets.blogspot.com -->

If You Have like this By Pressing here   share with your friends