Blogger එකට Back To Top Button එකක් දාමු

                       Blogger එකට Back To Top Button එකක් දාමු

ඔයලාගෙ Blog එක පහලට ගියාම එක click එකකින් page එක උඩට එන්න පුලුවන් 

Back To Top Button එකක් දාගන්න  විදිය  කියල තමා අද කියල දෙන්න හදන්නේ. 

Blog එකට add කරලම බලන්නකෝ කොහොමද කියල.

උදාහරණයක් විදියට පෝස්ට් එකේ 1000px වලට වඩා පහලට යද්දි මගේ බ්ලොග් 

එකේ දකුණු පැත්තෙ යට කොනේම පේන්න පටන් ගන්න Back To Top

 Button එක බලන්නකෝ...

               1. Blogger Dashboard => Layout එකට යන්න

          2. 'Add a Gadget' click කරලා HTML/JavaScript තොරන්න

          3. මම පහළ දීලා තියන code එක copy කරලා එකේ Paste කරන්න

 <!-back to top widget-><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){$("#rb-top").fadeIn()}else{$("#rb-top").fadeOut()}});$("#rb-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a href="http://realcombiz.com"></a><a id='rb-top' style='display: none; position: fixed; bottom: 1px; right:0%; cursor:pointer;font:12px arial;'><img src='BACK TO TOP BUTTON URL' width="90px" height="50px"/></a><!-back to top widget-></!-back></!-back>

        => මෙතනට පහල තියන ඔයා කමති arrow button එකක URL එක දෙන්න
          => මෙතනට ඔයා කමති උස පලල දෙන්න

                                     4. දැන් save කරන්න

http://2.bp.blogspot.com/-IUXHqKX-b0E/UVO8GZOU9aI/AAAAAAAAAPQ
/Zi5U2PbYUc8/s1600/Back
_to_top_image.png

http://4.bp.blogspot.com/-M93t4aTeeG0/UVO8GAykbTI/AAAAAAAAAP
I/0yz56cXaDUU/s1600/back
+to+top+button.png

 

http://3.bp.blogspot.com/-d0-uQHmmbF8/UVO6yXg4mCI
/AAAAAAAAAO0/9O196WOXygo/
s1600/1uparrow.png

http://2.bp.blogspot.com/-POSUvFqfb-c/UVO8GgM1QPI/AAAAAAAAAPY
/SOVnkGLCOEI/s1600
/back+to+top.png

http://4.bp.blogspot.com/-R4phcepz7_E/UVO6ySlgjDI
/AAAAAAAAAO4/4VNGfG8G3KY
/s1600/Up%2520Icon.jpg

http://2.bp.blogspot.com/-vGbwSmxJMQw/UVO6yZ9_HaI
/AAAAAAAAAOw/uyiPk3oapao/s1600
/Up%2520Arrows%2520Icon.jpg

http://1.bp.blogspot.com/-JN2h0GeHWxk/UVO8HhTFgiI
/AAAAAAAAAPo/mmcD3HaDMTY
/s1600/back_to_top_button.png

http://img529.imageshack.us/img529/1986/96133335.png 

http://1.bp.blogspot.com/--0L0_Z0YQnA/UVO8KDJC05I
/AAAAAAAAAQY/0bZYhfOyqCA
/s1600/rb+back+to+top+4.png

http://4.bp.blogspot.com/-JfDvT8rzXkQ/UVO8JTKX9nI
/AAAAAAAAAQM/66zJP1zPdXk
/s1600/rb+back+to+top+1.png

- See more at: http://efoax.blogspot.com/2013/10/blogger-back-to-top-button.html#sthash.KQN3L6oG.dpuf