தீம் படங்களை வழங்கியவர்: Storman. Blogger இயக்குவது.

Popular Posts

BTemplates.com

About Me

எனது படம்

நான் திருநெல்வேலி மாவட்டத்தில் உள்ள‌ குட்டம் என்னும் ஊரில் பிறந்தவன் இப்போது சென்னையில் வசிக்கிறேன்.

வியாழன், 21 ஜூலை, 2011

பிளாக்கில் Back To Top பட்டன் இணைப்பது எப்படி?

நாம் வலைப்பதிவில் ஒரே பக்கத்தில் அதிகமான பதிவுகளை எழுதியிருந்தால் நம் வாசகர்கள் ஒருபக்கத்தை படித்துவிட்டு கிழிருந்து மேலே வருவதற்கு Mouse 'ன் Roller அல்லது browser 'ன் Scroll bar பயன்படுத்தி மேலே செல்வதற்கு தாமதம் ஆகும்.  அதற்காக நாம் நம் வலைப்பதிவில் Back To Top Button இணைத்தால் ஒரே கிளிக்கில் முதல் பதிவிற்கு வந்துவிடலாம்.  Back To Top பட்டன் இணைப்பதற்கான வழியை கீழே கொடுத்துள்ளேன் உங்கள் வலைப்பதிவில் இணைத்து பயன்பெறுங்கள்.


முதலில் Dashboard ==>  Design ==>  Add a Gadget ==>  HTML/JavaScript சென்று கீழே கொடுத்துள்ள கோடிங்கை காப்பி செய்து பேஸ்ட் செய்துக் கொள்ளுங்கள்.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src=" YOUR IMAGE URL HERE "/></a>

பிறகு கீழே கொடுத்துள்ள படங்களில் எது உங்கள் வலைதளத்திற்கு பொருத்தமாக இருக்குமோ அந்த படத்தின் மீது Right Click செய்து படத்தின் URL 'ஐ காப்பி செய்து கொள்ளுங்கள்.

காப்பி செய்த URL 'ஐ மேலே உள்ள YOUR IMAGE URL HERE என்ற இடத்தில் சேர்த்து கொள்ளுங்கள்.  பின்னர்  Save பட்டன் அழுத்தி சேமித்து கொள்ளுங்கள்.






 இப்போது உங்கள் வலைப்பதிவை திறந்து பார்த்தால் உங்கள் வலைத்தளத்தில் அழகான Back To Top Button இணைந்திருக்கும்.

நன்றி...

11 on: "பிளாக்கில் Back To Top பட்டன் இணைப்பது எப்படி?"
  1. @சிவ.சி.மா. ஜானகிராமன்உங்களுக்கான பதில்


    fixed;Bottom என்பதை fixed;Top என்றும்


    href="#" என்பதை href="#footer" என்றும் மாற்றுங்கள்...


    இதை பயன்படுத்தி மேலிருந்து கீழே செல்லலாம்...

    தங்கள் கருத்துரைக்கு நன்றி...

    பதிலளிநீக்கு
  2. மிகவும் பயனுள்ள தகவல்கள்... நன்றி பதிவாளர்களுக்கும் மற்றும் கருத்துரையாளர்களுக்கும்.....

    பதிலளிநீக்கு
  3. மிகவும் பயனுள்ள தகவல்கள் நன்றி...

    பதிலளிநீக்கு
  4. மிகவும் பயனுள்ள தகவல்
    நன்றி நன்றி நன்றி...

    பதிலளிநீக்கு
  5. மிகவும் பயனுள்ள தகவல் நன்றி ! நன்றி ! நன்றி !

    பதிலளிநீக்கு
  6. BACK TO TOP BUTTON- என் தளத்தில் பயன்படுத்தி கொண்டேன். மிக்க நன்றி. ஒரு முறை தளத்திற்கு வருகை தாருங்கள்

    பதிலளிநீக்கு