பிளாக்கில் 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 இணைந்திருக்கும்.

உங்கள் பிளாக்கர் இணையதளத்திற்கு ஆயிரத்திற்கும் மேற்பட்ட Cursors இலவசமாக - ஒரு எளிய வழி

அனைவரும் பயன்படுத்தி வரும் பிளாக்கர் .காம் அதிக அதிகமான வசதிகளால்

நிறைய வாசகர்களை கொண்டுள்ளது .

நாமும் வலைப்பதிவு தொடங்கி இடுகைகளை இட்டு வருகிறோம் .நம் வலைப்பூக்களில் வண்ணங்கள் எழுத்துரு ,பக்க உறுப்பு மற்றும் TEMPLATE ஆகியவற்றை மாற்றுகிறோம் . நம் வலைப்பதிவுகளில் Cuesor ஐ மாற்றினால் எப்படி இருக்கும் . ஆயிரத்திற்கும் மேற்ப்பட்ட Cursor ஐ மாற்றி கொள்ளலாம் . இது மிக எளிய வழி .

உங்கள் பிளாக்கர் நுழைந்து கொண்டு dashboard- design- edit html -

 கீழ் வரும் HTML CODE ஐ தேடுங்கள் .

And find the following code,

அதற்க்கு மேலே கீழே உள்ள coding ஐ paste செய்யவும் .

body, a, a:hover {cursor: url

(http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;}  

சிவப்பு நிறத்தில் உள்ள உங்கள் cursor URL ஐ கொடுத்துவிடுங்கள் .

 body, a, a:hover {cursor: url(Cursor-Url), progress;}

ஆயிரத்திற்கும் அதிகமான cursor ஐ பெற கீழ் வரும் இணைப்புகளுக்கு செல்லுங்கள் 

• Totally Free Cursors
• Cursors @ Fun Utilities .

METHOD 2 

வேறொரு வழியிலும் நீங்கள் கர்சர்-ஐ  சேர்க்கலாம் .

மேலும் பலவிதமான CURSOR களை கீழே காணலாம் .

உங்கள்  தேடு பொறியில் (CTRL+F)கீழே வரும் கோடிங் ஐ தேடவும் .

அதற்க்கு முன்பாக கீழே உங்களுக்கு பிடித்த கர்சர் கோடிங்கை கொடுத்து SAVE

TEMPLATE செய்யவும் . அவ்வளவு தான் ...

சிவப்பு நிறத்தில் உள்ளது IMAGE URL ..

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/dark_blue_3d_cursor.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/FRUITY_CHERRY_HEART-bdlab.blogspot.com.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/BLOGGER-bdlab.blogspot.com.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MY_BLOG.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/BLUE_SNOWFLAKE.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/HARRY_POTTER-GOLDEN_SNITCH.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LIME_HEART.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LEMON_HEART.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_KIWI_HEART.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/REALLY_ANGRY_ANIME_SMILEY.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/SORRY_ANIME_SMILEY.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/EVIL_ANIME_SMILEY.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/working.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_POINTER.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HANDWRITING.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREEN_LINK.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HELP.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BROWN_POINTER.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLUE_POINTER.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLACK_POINTER.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/WORLD_OF_WARCRAFT-WOW_POINTER_14.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/PINK_SKULL_CROSSBONES.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/TRANSPARENT_HALO_POINTER.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/HALO-HANDWRITING.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_DAD.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MOM.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/WATERMELON.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/PINK_TRANSPARENT_VALENTINE_BALLOON_HEART.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_BLUE_OUTER_GLOW_POINTER.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/BREAST_CANCER_PINK_RIBBON.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/MICHAEL_JACKSON.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_GREEN_POINTER.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_YELLOW_POINTER.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_ORANGE_POINTER.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_PURPLE_POINTER.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/ROCK_ON.cur), progress;}</style>

நீங்கள் ப்ளாக் ஆரம்பிக்க நான்கு சிறந்த இலவச தளங்கள்

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

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

இங்கு  நாம் பார்க்க போது  இலவசமாகவும் சிறந்த ப்ளாக் ஒன்றும் தொடங்குவதற்கு ஒரு நான்கு தளங்களை பார்க்கபோகிறோம் . இந்த தளங்கள் அனைத்தும் ஏற்க்கனவே உங்களுக்கு தெரிந்தும் இருக்கலாம் . 

1) Blogger.com

 Pyra Labs என்பவரால் தொடங்கப்பட்டது  இந்த தளம் .தொடங்கப் பட்ட ஆண்டு  1999 .அதன் பின்  2006 ஆண்டு கூகுள் நிறுவனத்தால் வாங்கப்பட்டது .  blogspot.com என்னும் main url கொண்டு இயங்குகிறது . 


இந்த தளம் கூகிளுடன் இணைந்தவுடன் பல பயனர்களை சென்றடைந்தது . கூகுள் தளமும் பிளாக்கர் பயனர்களுக்கு நாளுக்கு நாள் பல வசதிகளை தந்து கொண்டு இருக்கிறது . இதன் அசுர வேகமும் இந்த தளத்தில் உள்ள எளிமையான வசதியின் காரணமாக இது தொடமுடியாத உயரத்தையும் தொட்டு எட்ட முடியாத எல்லைகளையும் தொட்டது . இருபதாம் நூற்றண்டின் அசைக்க முடியாத தளமாக தன்னை ஆக்கி கொண்டது . 


பலரையும் உலகிற்கு வெளிச்சம் போட்டு காட்டி அவர்களையும் அவர்கள் கருத்துக்களையும் உலகிற்கு காட்டின உரிமை பிளாக்கர் தளத்தையே சாரும் . மேலும் தளங்கள் வாசகர்களுக்கு விளம்பரமும் கொடுத்து அவர்களை வருமானமும் பெறச் செய்தது . 

இது ப்ளாக் ஆரம்பிக்க சிறந்த தளம்.

2.wordpress.com

வோர்ட் பிரஸ் தளம் இரண்டு தளங்களை கொண்டது . முதலில் 2003 ஆரம்பிக்கப்பட்டது wordpress.org  .ஆரம்பத்தில் இது CMS tool வுடன் சொந்த டொமைனை விலைக்கு தான் கொடுத்து வந்தது . அதன் பின் 2005 ஆம் ஆண்டு இலவசமாக ப்ளாக் ஆரம்பிக்க wordpress.com . இது தோடுபொறிகளுக்கு ஏற்றது போல் அவர்களே அமைத்து விட்டது . ப்ளாக் வரிசையில் இதை பிளாக்கர் தளத்தோடு ஒப்பிடலாம் . பல பிளாக்கர் பயனர்கள் முதலில் பிளாக்கரில் இருந்து விட்டு பின் வோர்ட் பிரசுக்கு மாறி இருக்கிறார்கள் என்றால் அந்த தளத்தின் வலிமையை நீங்களே புரிந்து கொள்ளலாம் . 


3.Tumblr.com

இது ப்ளாக் உலகில் வளர்ந்து வரும் ஒரு அற்புதமான தளம் .இதன் 2007 ம் ஆண்டு தொடங்க பட்ட இந்த தளம் . படிப்படியாக தற்போது உயர்ந்து வருகிறது . David Karp மற்றும் Marco Arment ஆகியோரால் தொடங்கப்பட்டது . தற்போது வோர்ட் பிரஸ் தளத்தின் அடுத்த இடத்தில் உள்ளது தம்புளர் தளம் , பல அற்புதமான வசதிகளை கொண்டுள்ள இந்த தளம் microblogging அடிப்படையில் இயங்குகிறது . 


4) Posterous.com
















2008 தொடங்கப்பட்டது இந்த தளம் தன்னையும் ஒரு தனி ஆளாக நிறுத்தி பல வாடிக்கையாளர்களை கவரக்கூடிய அமைப்பில் உள்ளது .
தற்போது இந்தளதுக்கு தம்புளர் (tumblr ) கடும் போட்டி நிலவுகிறது . 


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