பிளாகரில் BACK TO TOP பட்டனை கொண்டுவருவது எப்படி..?

உங்களுக்கு சொந்தமான பிளாகரில் நீங்கள் நிறைய எழுதியிருப்பீர்கள்.உங்கள் வாசகர் உங்கள் பக்கத்துக்கு வந்து உங்கள் பதிவுகளை படிக்கும்போது ஒரு பக்கத்தின் கடைசி பதிவிலிருந்து மீண்டும் மேலே உள்ள பதிப்புக்கு செல்ல ஆசைப்பட்டால் அவர் SCROLLING பட்டனை தான் உபயோகிக்க வேண்டும்.அவ்வாறு இல்லாமல் உங்கள் பக்கத்தில் BACK TO TOP பட்டன் இருந்தால் எவ்வளவு வசதியாக இருக்கும்.
அதற்கு நீங்கள் பெரிதாக நிறைய படித்து தெரிந்துகொள்ளவேண்டிய அவசியம் இல்லை.தொடர்ந்து நான்கு அடி எடுத்து வையுங்கள்.நீங்கள் BACK TO TOP போகலாம்.

• முதலில் உங்கள் பிளாகரின் LAYOUT பகுதிக்கு செல்லுங்கள்.
• அங்கு RIGHT SIDE BAR-ல் ADD A GADGET -ஐ  கிளிக் பண்ணுங்கள்.
• அங்கே HTML/JAVASCRIPT-ஐ செலக்ட் பண்ணுங்கள்.
• கீழே கொடுத்துள்ள CODE-ஐ அங்கே பேஸ்ட் பண்ணிவிட்டு சேவ் பண்ணுங்கள்.

<!--Smooth Back to Top Button Start-->

<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);} else {
jQuery('.back-to-top').fadeOut(duration);}});
jQuery('.back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;})});</script>
<style>
div#page {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding: 20px;}
.back-to-top {
position: fixed;
bottom: 2em;
right: 0px;
text-decoration: none;
color: #000000;
background-color: rgba(235, 235, 235, 0.80);
font-size: 12px;
padding: 1em;
display: none;}
.back-to-top:hover {
text-decoration: none;}</style>
<a href="#" class="back-to-top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdf6O2T4Q8NQ_fPYGyt5chbq3WHbKaNd8TLLFpITQtwNoJZptgZnITPWXAIuvxJRx60Zks2fq0SsjAwI3J6U_dxQDb78hR6cOpVqMl-IhFwsYUrDaWHcUu63Fpyf7zId9jNfN1G3-dOuY/s1600/11.png
" alt="Back to Top" / /></a>
<!--Smooth Back to Top Button End-->




அவ்வளவு தான்.உங்கள் BACK TO TOP BUTTON ரெடி. உங்கள் பிளாகரில் சென்று உறுதிப்படுத்திக்கொள்ளுங்கள்.