Announcement:

This is a Testing Annocement. I don't have Much to Say. This is a Place for a Short Product Annocement

பிளாக்கில் அனிமேடட் Back To Top பட்டன் கொண்டு வர

நம்முடைய பதிவில் எப்படி Back To Top பட்டன் கொண்டு வருவது என்று இங்கு பார்க்க போகிறோம். இந்த வசதியின் மூலம் நாம் பிளாக்கில் எங்கு இருந்தாலும் Back to top என்பதை கிளிக் செய்தவுடன் நம்முடைய பிளாக்கின் மேல் பக்கத்திற்கு ஒரே கிளிக்கில் சென்று விடலாம். நம் வாசகர்கள் நம் தளத்தை பார்வையிட சுலபமாக இருக்கும். இதை பற்றி ஏற்கனவே பதிவு போட்டு இருந்தாலும் இப்பொழுது பார்ப்பது அனிமேடட் Back To Top பட்டன் கொண்டு வருவதை பற்றி இது பார்க்கவே சூப்பரா இருக்கும். நீங்கள் எங்கு சென்றாலும் உங்களை தேடி வரும்( Hutch dog போல).
  • இந்த வசதியை பெற  கீழே உள்ள கோடிங்கை முழுவதுமாக காப்பி செய்து கொள்ளுங்கள்.
  • கோடிங்கை முழுவதுமாக காப்பி செய்து கொண்டு உங்கள் பிளாக்கர் அக்கௌண்டில் நுழைந்து கொள்ளுங்கள்.
  • Design - Page Elements - Add a Gadget - Html/JavaScript- சென்று உங்கள் காப்பி செய்த கோடிங்கை பேஸ்ட் செய்யவும்.  
<script type="text/JavaScript">
var topMargin = 450
var slideTime = 1200
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
window.setInterval("main()", 10)
function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;}}
function main() {
if (ns4) {
this.currentY = document.floatLayer.top;
this.scrollTop = window.pageYOffset;
mainTrigger();
} else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();}}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY
floatStart();}
animator();}}
function floatStart() {
var now = new Date()
this.A = this.targetY - this.currentY
this.B = Math.PI / ( 2 * this.slideTime )
this.C = now.getTime()
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt
this.A = this.A > 0 ? this.findHt : -this.findHt
} else {
this.D = this.currentY}}
function animator() {
var now = new Date()
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D
newY = Math.round(newY)
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )floatLayer.style.pixelTop = newY
if ( ns4 )document.floatLayer.top = newY
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"}}
//-->
</script>
<div id="floatLayer" style="position: absolute; height:20px; width:15; left:650px; top:400px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" src="http://i907.photobucket.com/albums/ac276/yamsasi2003/images15.jpg" title="Back To Top Of Page" /></a></div>

  • இப்பொழுது Save கொடுத்து விட்டு உங்கள் பிளாக்கில் பாருங்கள் நீங்கள் சேர்த்த விட்ஜெட் சரியாக கீழே இருக்கிறதா என்று பாருங்கள்.
  • சரியாக இல்லாமல் நடுவில் நின்றாலோ அல்லது மிகவும் கீழே சென்று இருந்தாலோ கோடிங்கில் 450 என்று சிவப்பு நிறத்தில் கொடுத்துள்ள மதிப்பை மாற்றி சரியான இடத்தில் அமைத்து கொள்ளுங்கள்.
  • மற்றும் இதில் உள்ள Back To Top பட்டன் பிடிக்க வில்லை என்றால் சிவப்பு நிறத்தில் கொடுத்துள்ள URL மாற்றி உங்களுக்கு தேவையான பட்டனின் URL கொடுத்து கொள்ளுங்கள்.
  • கீழே சில பட்டன்களை உங்களுக்காக கொடுத்துள்ளேன் அதில் உங்களுக்கு பிடித்தமான பட்டன் மீது வலது க்ளிக் செய்து COPY IMAGE URL கொடுத்து இதில் மாற்றி கொள்ளுங்கள்.
 ********************************************************





 ******************************************************


நண்பர்களே இந்த பதிவு பயனுள்ளதாக இருந்தால் இன்ட்லியிலும், தமிழ் மணத்திலும் மறக்காமல் ஓட்டு போட்டு செல்லவும். அனைவரும் பயனடைவார்கள் என்னையும் சேர்த்து.   

டுடே லொள்ளு 

Photobucket
எல்லோரும் வரிசையா உட்காருங்க ஒரு பதிவு போட்டுட்டு வந்து உங்களுக்கு பாடம் எடுக்குறேன்.

சசிகுமார்

இணையத்தில் கொட்டி கிடக்கும் தொழில்நுட்ப தகவல்களை நம் அழகு தமிழில் மொழிபெயர்த்து தரும் உங்களில் ஒருவன்.

12 comments :

  1. மிகவும் பயனுள்ள தகவல் நண்பா

    பகிர்ந்தமைக்கு மிக்க நன்றி

    உங்களுக்கு மீண்டும் எனது தீபத்திருநாள் தீபாவளி நல்வாழ்த்துக்கள் நண்பா...

    வாழ்க வளமுடன்

    நன்றி
    என்றும் நட்புடன்
    மாணவன்

    ReplyDelete
  2. எனது தீபாவளி வாழ்த்துக்கள் சசி

    ReplyDelete
  3. மிகவும் பயனுள்ள தகவல் நண்பரே..!
    பகிர்ந்தமைக்கு மிக்க நன்றி

    தங்களுக்கு மீண்டும் ஒருமுறை எனது தீபஒளி நல்வாழ்த்துக்கள்.

    ReplyDelete
  4. மீண்டும் இனிய தகவல்!
    அனைவருக்கும் இனிய தீபாவளி நல்வாழ்த்துக்கள்!

    ReplyDelete
  5. இதை ரொம்பநாளா எதிர்பார்த்துட்டு இருந்தேன்... தாங்க்ஸ் சசி

    ReplyDelete
  6. sasi,வழக்கம் போல் பயனுள்ள பதிவு.டுடே லொள்ளு இன்னும் எதிர்பார்க்கிறோம்.தீபாவளி வாழ்த்துக்கள்

    ReplyDelete
  7. நன்றி நண்பா. மீண்டும்,தீபாவளி வாழ்த்துக்கள்.

    ReplyDelete
  8. மிகவும் பயனுள்ள தகவல் நண்பரே..!
    பகிர்ந்தமைக்கு மிக்க நன்றி

    ReplyDelete
  9. இனிய தீபாவளி நல்வாழ்த்துக்கள்

    ReplyDelete
  10. ஓட்டு போட்டாச்சி

    ஆனா என்னுடைய தளத்துல ஒர்க் ஆகல என்ன பண்றது

    ReplyDelete
  11. உங்களுடைய எல்லா பதிவைப்போல் இதுவும் உபயோகமான பதிவு.நன்றி.

    ReplyDelete
  12. இந்த தீபத் திருநாளில் தங்கள் பணி சிறக்க என் உளம் கனிந்த வாழ்த்துக்கள்....

    ReplyDelete

Copyright @ 2013 வந்தேமாதரம் . Designed by Templateism | Love for The Globe Press