ব্লগের কোন পেজ পড়ার পর যখন নিজে থেকে উপরের অংশে আসার প্রয়োজন হয় তখন আমরা স্ক্ররবার এর সাহায্য নি । কিন্তু আজ আমি আপনাদের দেখাবো কিভাবে পেজে Top (উপরে) বাটন যুক্ত করতে হয়।
* প্রথমে ব্লগার ব্লগে ল-গিং করার পর লেআউট থেকে “Add a Gadget” এ ক্লিক করুন।
* “HTML/JavaScript” এ ক্লিক করে নিচের কোডটুকু পপ-আপ বক্সে লিখুন।
<!--BDTechZone back to top widget Start--><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://www.bdtechzone.com"></a><a id='rb-top' style='display: none; position: fixed; bottom: 1px; right:0%; cursor:pointer;font:12px arial;'><img src='BUTTON URL' width="50px" height="50px"/></a><!--BDTechZone back to top widget End-->
* এবার Buton Url স্থানে নিচের বাটন কোড পরিবর্তন করে সেভ করলেই হয়ে যাবে।
নিচে কয়েকটি বাটন ও কোড দেয়া হল:
১।
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7pu_v1c4boMTdEPfY5NVJHcLYJOYmiiWT52Rq2ANrqfBDQMEBDtKbebPpxbUQI7Oc3rc_IbdxUqsTH_MoF0tcqW5hBZrWNoLySj5vAAE8W_dO7lkNXDNF1-qha6silmEwl86J_5Np-ZUw/s1600/rb+back+to+top+11.png
২।
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFdItQyz5ZgsCCHWatdOyVAu1zCbrvltFvV0dfUo8kOJozUTAu-wsbTw7dog-uKCvJuOMFJBOqqtbA326-Agi9O8raYInYHX-HaAQLgYACYk_KwS-6YTBRikS9YszTMCshfGO5ob3lWHPp/s1600/rb+back+to+top+10.png
৩।
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr9K4nk-nH03B7p0__Kx7_XawtSKQhESzSH5ENfgHXlXGdWGb0VFkans3ekfG6nDTNLHNEorAB6Mgm6HbRKQ672BXltkrG42P6ImwGQvDsqU048WyvhKYwq38P9t2vkZzxny8gHPl6Fzl2/s1600/rb+back+to+top+7.png
৪।
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi16QQtQek3OTAYzZ3GwGmwLbyuzxGDyM-ryPPywRnO0Jn1n4k0Daq_qXN0Lbe_GPHnF4LOqWTuRFVv7x7kTHU-Th_MtoC8k0SVukLE4-C50G15eLKdmr6o6GytvYpFlTrT6JC8aoLwCF-2/s1600/rb+back+to+top+5.png
৫।
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNAwvdbTY4kNm5b1knuQgMTY8kvhJ7V1SgqMoZxmMCarXudWUC-1sMKXRhCXSjk1oScXg8b-kjHcpAsolQ39OOpyRV2HWmoHPmw2-J6Wmg1DCnbzIOKp0cHKE2M70aRkd0WnGyE0tgTRvR/s1600/rb+back+to+top+4.png
৬।
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiitSV9B5Zu9oFQtMuEY1B6ZK2mvv-OsitvshjZ5DqfATJ6fvHj0CPz4p_zykA6eMHmAoV3MZ0RwhO0thMLIdJPIYer_1tszzcED_CPzZsesXQ8UB-_gXPNepOB8qrvooko1ozTi6bnXWF/s1600/rb+back+to+top+2.png
৭।
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihv9jg5sQCv7m1kDk6mRX4JwiO0Ar8wii1KhgRUEGt65Uxj41gvtp4By4NUGojoE-AdJFXkzF2FzbbU5rsbNzqKsyxq48VFn8NCWS2W45VyOO9h7p47ewsD70QVMo6ADz5PCvJvJ3cHt3F/s1600/rb+back+to+top+8.png
৮।
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcsRVybvQ8GRSfgPncyH2nsIHM8RcxJQTmec54DJeUVZpB38cszagG2E7_nlDNz7MHaVVgLhWSoxZ76bTfnmkf4n4MOsZZ3Bj33qagzDdb3wexkBxztB13m20Kcj-JZZL_pd9BuxiarTIT/s1600/rb+back+to+top+1.png
0 comments:
Post a Comment
Thanks For Comments