ব্লগস্পট ব্লগে যুক্ত করে নিন অসাধারন Back To Top ওয়েডগেট । একদম নতুন স্টাইল ।

0
255

বন্ধুরা সবাই ক্যামন আছেন  আশাকরি সবাই খুব ভাল আছেন আজকে আমি আপনাদের জন্য নিয়ে এলাম দারুন Back To Top ওয়েডগেট । সত্যিই খুব মজার এটা । কি কি করতে পারবেন এটা  দিয়ে দেখে নিন । আসাতে আসতে উপরে বা নীচে উঠা নামা করাতে পারবেন । আপনি ইছা করলে একটি ইস্থানে দাড় করারতে পারবেন , এটা দেখতেও খুব সুন্দর তাই ব্যবহার করে দেখুন ভাল লাগবে । নীচে এর ডেমো দেখে নিন ।

 

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

ব্লগস্পট ব্লগে যুক্ত করে নিন অসাধারন Back To Top ওয়েডগেট । একদম নতুন স্টাইল ।

 

 

dsrfsetr ব্লগস্পট ব্লগে যুক্ত করে নিন অসাধারন Back To Top ওয়েডগেট । একদম নতুন স্টাইল ।

কীভাবে আপনার ব্লগে যুক্ত করবেন ?

 

১) প্রথমে আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করুন । এবার আপনার ব্লগের Template এর Back up নিয়ে নিন । তার পর Edit HTML এ ক্লিক করুন । 

 
 
২) এবার আপনার মাউস টিকে কোড বক্সে একবার ক্লিক করে Ctrl+F প্রেস করুন তারপর নীচের কোডটি খুজে বের করুন ।

 </body>

 

৩) উপরের কোডটি খুজে পেলে তার ঠিক আগে বা উপরে নীচের কোডটি কপি করে পেস্ট করুন ।

 

<!–Auto Blog Scroll Widget by http://www.asobondhu.blogspot.com Starts–>
<style>
#bsautoscroll{position:fixed;z-index:9999;bottom:0;right:0}
#bsautoscroll a{display:block;float:left;background-color:#CC0099;background-image:url(http://4.bp.blogspot.com/-cbl1BzEtRn0/UaCHAbq7E8I/AAAAAAAADGQ/sSfZLUJoeuM/s1600/BS+Auto+Scroll.png);width:36px;height:36px;text-indent:-999em}
#bsautoscroll a.bsup{background-position:0 -36px}
#bsautoscroll a.bsdown{background-position:0 -72px}
#bsautoscroll a.bsbottom{background-position:0 -108px}
#bsautoscroll a.bsautoscroll{background-position:0 -144px}
#bsautoscroll a.bsstop{background-position:0 -180px}
#bsautoscroll a:hover{background-color:#8E006B}
</style>
<script>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout(‘autoScroll()’,50)}
function stopScroll(){clearTimeout(scrolldelay)}
</script>
<div id=’bsautoscroll’>
<a class=’bstop’ href=’javascript:window.scrollTo(0,0);’ rel=’nofollow’ title=’To Top’>To Top</a>
<a class=’bsup’ href=’javascript:window.scrollBy(0,-window.innerHeight);’ rel=’nofollow’ title=’Page Up’>Page Up</a>
<a class=’bsdown’ href=’javascript:window.scrollBy(0,window.innerHeight);’ rel=’nofollow’ title=’Page Down’>Page Down</a>
<a class=’bsbottom’ href=’javascript:window.scrollTo(0,999999);’ rel=’nofollow’ title=’To Bottom’>To Bottom</a>
<a class=’bsautoscroll’ href=’javascript:autoScroll();’ rel=’nofollow’ title=’Auto Scroll’>Auto Scroll</a>
<a class=’bsstop’ href=’javascript:stopScroll();’ rel=’nofollow’ title=’Stop Scroll’>Stop Scroll</a>
</div>
<!– End of Auto Blog Scroll Widget by- http://www.asobondhu.blogspot.com –>

 

৪) এবার Save Template এ ক্লিক করে সেভ করে নিন । ব্যাস হয়ে গেল এবার আপনার ব্লগে গিয়ে দেখুন ।

 

* পোস্টটি আমার দ্বারা পূর্বে প্রকাশিত এখানে সময় পেলে ঘুরে আসুন । 

 

* এই ধরনের নতুন নতুন ব্লগার টিপস পেতে ভিজিট করুন আমার ব্লগ এখানে । আমার ফেসবুক ফ্যান পেজ এখানে সময় পেলে ঘুরে আসুন । 

 

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

11 − 9 =