logo

ബ്ലോഗില്‍ 'back to top' ബട്ടണ്‍



ബ്ലോഗ്‌ വായനക്കാര്‍ക്ക് വളരെ എളുപ്പത്തില്‍  ബ്ലോഗിന്റെ താഴത്തെ ഭാഗത്ത്‌ നിന്നും മുകളിലേക്ക് വരുവാന്‍ സഹായകമായ  back to top ബട്ടണ്‍  ബ്ലോഗില്‍ വളരെ എളുപ്പത്തില്‍  ചേര്‍ക്കാം .

ആദ്യം     blogger.com ഇല്‍ sign in ചെയ്യുക

 ശേഷം    ബ്ലോഗിന്റെ Design എന്ന  ഭാഗത്ത്‌  ക്ലിക്ക്  ചെയ്യുക . അപ്പോള്‍ വരുന്ന പേജില്‍ കാണുന്ന  Edit  html   ക്ലിക്ക് ചെയ്യുക. 

<div id='footer'>

 എന്ന  കോഡ് കണ്ടു  പിടിച്ച  ശേഷം അതിന്റെ തൊട്ടു താഴെയായി  താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് ചേര്‍ക്കുക .( കീ ബോര്‍ഡില്‍  'Ctrl+f '  എന്നീ കീകള്‍ ഒരുമിച്ചു അമര്‍ത്തുക .അപ്പോള്‍ വരുന്ന സെര്‍ച്ച്‌  ബോക്സില്‍ സെര്‍ച്ച്‌  ചെയ്യുക    ).

 ((((( ഈ കോഡ്   കിട്ടിയില്ലെങ്കില്‍ </body> എന്ന കോഡ് കണ്ടു പിടിച്ച ശേഷം  അതിന്റെ
തൊട്ടു   മുകളില്‍ താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് ചേര്‍ക്കുക ..))))

<!--BACK2TOP-IMAGE-STARTS--><a alt='Back to Top' href='#' style='display:scroll;position:fixed;bottom:15px;right:10px;' title='Back to Top'><img border='0' height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSJyvCCz8VSwAQflESMc595p5hisUSreHVjn3i_1Z8vtdcO9pcTsh1LjyUa8NMptspK5jmwP4M4Hz0X7rRZI3kwzGNfzsvRcFoKjbPcGPms9x5V-WWOUQovMpwlchu183SS0yAl0-d0Yko/s200/arrow%20up%20green.png' width='35'/></a><!--BACK2TOP-IMAGE-STOPS-->

ശേഷം Save Template ക്ലിക്ക്  ചെയ്യുക..

  ചുവന്ന  കളറില്‍ കൊടുത്തിട്ടുള്ള ചിത്രത്തിന്റെ ലിങ്ക് മാറ്റി നമുക്ക് ഇഷ്ടമുള്ള ചിത്രത്തിന്റെ   ലിങ്ക് ഉപയോഗിക്കാം.

THIS POST WAS FILED UNDER: , , ,

  1. പ്രിയ നൗഷാദ്‌...'back to top button' ശരിയായി.പഠിപ്പിച്ചു തന്ന താങ്കള്‍ക്കു നന്ദി ...

    ReplyDelete
  2. ജസാകല്ലാഹ്.... താങ്കളുടെ സേവനം വിലയേറിയതാണ്.

    ReplyDelete
    Replies
    1. 'വ ഇയ്യാക്കും '..

      നന്ദി വായനക്കും വരികള്‍ക്കും ..:)

      Delete
    2. back to top valathu vashathu thazheyaanu varunnathu centeril varaan valla maargavum undo

      Delete
    3. Play With This Code :

      position:fixed;bottom:15px;right:10px;

      Delete
  3. mabrook ningaludey tippukal usharaakunnu

    ReplyDelete
  4. Hello Sir,

    It not appearing on my Blogs Daddy blog. I am using another widget, but I want to use this one.. Please help.

    Thanks

    ReplyDelete
  5. ഞാന്‍ ആദ്യമായിവരുകയാനിവിടെ .എല്ലാം വളരെ ഉപകാരമുള്ള പോസ്റ്റുകള്‍ .നന്ദി

    ReplyDelete
  6. നന്ദി ..ഇത് ശെരിയായി ! (h)

    ReplyDelete
  7. shariyavunnilla...! code search cheythitt kittunnilla.
    puthiya code prakaram enganeyanu ?

    ReplyDelete

SELECT   A 'POST TITLE ' or 'LABEL' AND  C L I C K TO READ
====================================================================
Loading TOC. Please wait....

 
Like Us On Facebook
×
-Thanks- Malayalam Blog Help
Powered by Blogger.