- Open Your Blogger Blog and Then open Layout of your blog.
- Then click on Add a Gadget.
- New Window will appear and find the option of Edit HTML/JavaScript and open it
- Now Empty box will appear and paste below given codes in it.
<!--Komar Tep to top widget Start--><br /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script type="text/javascript">$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#ST-top").fadeIn()}else{$("#ST-top").fadeOut()}});$("#ST-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><br /><a id="ST-top" style="bottom: 1px; cursor: pointer; display: none; font: 12px arial; position: fixed; right: 0%;"><img height="200px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwjaxDz5zUVI_RhG-ZTJbmhC07CLlvrPt66bWPhrgs5_KLwSlAfykJN5pxl0z73u8R8Yxtjueb0WVuiNxWVoK_bl51vJlateA31ltPw1_5RIs3rEGFItzLYATqr5ILI49qHRM5wrYtQ8w/s1600/Kampot.png" width="100px" /></a><br /><!--Komar Tep to top widget End-->
- In case if you want to change your image of arrow which we use in scrolling then replace
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwjaxDz5zUVI_RhG-ZTJbmhC07CLlvrPt66bWPhrgs5_KLwSlAfykJN5pxl0z73u8R8Yxtjueb0WVuiNxWVoK_bl51vJlateA31ltPw1_5RIs3rEGFItzLYATqr5ILI49qHRM5wrYtQ8w/s1600/Kampot.png
- To change the height width of your image simply change the values of width="100px"height="200px"
- After replacing save it and open your blog watch working.
1 comments:
We have sell some products of different custom boxes.it is very useful and very low price please visits this site thanks and please share this post with your friends. FIVERR
Post a Comment