ඔයලාගෙ 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 කරන්න
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivhTq8n2uWNqX7yf88GlUeSYAUvXHULtQaU7DCsQbdm2DIXlWWx5-sUYB1JSamADWGgfqneefP3jZK_6qItoRXMECSP6kOoKnFpOWxC89YVC-ZNyKJ9M-XqNm1pa6bcCr-akFpDtbIDIQ/s1600/Back_to_top_image.png |
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPDxlvkHvZIV_59oudMOOXUUKUQ0iuE-pQfQJA_qj55iK7LABlSCQM_tzj-cUtGTqfGh-YwlTGU3BpBJHgo3cwlgiHtQpIYHsxnLrAxOCEosncpj2lbUG9STe6yLf7_rJYb_xge6nl3mQ/s1600/back+to+top+button.png |
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9Uvt759hNd0kSeGOf-MRpaNQ9V5csR2WjkBDnxqiVhF4D4jWIgmaPDADzi7EQ5cOpODu-hnZ38l5AFzjzBawAqERqpzVijMmh4bkGuoz0D5F8tKZsdoIBuVAjXAyDOvQ8a_4vizM-kg/s1600/1uparrow.png |
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpbFbP6Ym8PCGQrVjOSw2W7WbRmgzkzFe4QGbiPFxmB2mCswLE25u3jYlmxbxnTLt1wd2_L2jtzwpe-VIf1844yIcFbwZJ0RvJnmHcjgt75_mXoYJJprt3REwAUQ8m4YsoKGSGBEoqOdk/s1600/back+to+top.png |
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Wpk6YCa6jEBEFcA5FibiOSmgGtumzcbepE2b9JHns1gM43GFmHmZYe-3NpxysZLiMbMa6L7Zq_WE1kRsJBy6MQDjJMuwSIwRYUDV2AbYBva3gUYfWF1X0ATd2lZ1xioGUE58SK1KSPI/s1600/Up%2520Icon.jpg |
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPI-ZFpXJwXoIOrvUFmyw3sm8XDH3pXrWNhQ6URoU9UgTPwDE1kt0bfGE7Y0Vg1HKU9Jfiyk3XmoggfsDoIM-WO5vmCIrT88PLfgv6WnlJ6797F1zhF7rtas2L5rW_W4ZFczIyDsCBqV8/s1600/Up%2520Arrows%2520Icon.jpg |
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbMCXus4gC4ktusjQnpMROK8SCjvfZNvJeUU7LjuFlrk-yD7lXhrmSQAssGHooB6BNucVRwhPyCtFS1jpF4LPWH-CJf2JpMJTz9HHUSSClw0vv9xw7FNr16k6TTc_qg3N1bpnprqBSXqo/s1600/back_to_top_button.png |
 |
| http://img529.imageshack.us/img529/1986/96133335.png |
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77YX7XTzeOGvvXcgCTkERmMH3fKAam8UEzAFhQV4eihWtYnIiF7PA1QzZX_qaqJzS7m6dJIquwlb_QbIFWqHzqy_pPCtx-p_99MaqJJ6KFsPmK4GTK-RVq1OONR_7lXiJ9C8OTQYwH5U/s1600/rb+back+to+top+4.png |
 |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWAWovT9T3C8GARinEvIZ5bYNeez3UwJLjpaDk2KWhwGphxD7o1TgzKp9R3FmkrSprbRCv6smAVqSc3u-NIvBjEF399-7W-GRhn7PKop5NWXuBZYrSREXU-g-oDXIFi2sHGymZ_vupwhA/s1600/rb+back+to+top+1.png
|
Post එක හොදනම් like එකක් දාලා යාලුවන්වත් මේ ගැන දැනුවත් කරන්න share කරන්න
- See more at: http://efoax.blogspot.com/2013/10/blogger-back-to-top-button.html#sthash.W8TtkKyD.dpuf
No comments:
Post a Comment