பிளாக்கரில் வித்தியாசமான விட்ஜெட்கள்

http://www.usilampatti-chellappa.blogspot.in/2012/05/blog-post_21.html

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

வயது கணிப்பான் விட்ஜெட்:

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

Blogger user login விட்ஜெட்

அடுத்த நாம் பார்க்க இருப்பது Blogger user login விட்ஜெட். இது வலைப்பூவில் இருந்தவாறு பிளாக்கரில் லாகின் செய்ய உதவும் விட்ஜெட் ஆகும். கீழிருக்கும் நிரல் வரிகளை காப்பி செய்து add gadget==>Html/Javascript==>ல் பேஸ்ட் செய்து சேமித்துக்கொள்ளவும். இனி நீங்கள் உங்கள் வலைப்பூவில் இருந்தவாறு பிளாக்கரில்(blogger.com) லாகின் செய்துகொள்ள முடியும்.

<form 
action="https://www.google.com/accounts/ServiceLoginBoxAuth" 
method="post" onsubmit="onlogin()">
<input 
value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F"
 name="continue" type="hidden"/><input value="blogger" 
name="service" type="hidden"/><input value="8" name="nui" 
type="hidden"/><input value="8" name="naui" 
type="hidden"/><input value="2" name="fpui" 
type="hidden"/><input value="3" name="uilel" 
type="hidden"/><input value="true" name="skipvpage" 
type="hidden"/><input value="false" name="rm" 
type="hidden"/><input value="true" name="alwf" 
type="hidden"/><input value="http://www.blogger.com/login.g" 
name="roeu" type="hidden"/><input value="0" name="alinsu" 
type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" 
type="hidden"/><div>
<label for="Email"> Username: 
<br/><input id="Email" tabindex="1" value="" name="Email" 
size="20" type="text"/></label></div>
<div>
<label
 for="Passwd"> Password: (<a 
href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your
 password?">?</a>) <br/></label><input 
id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" 
type="password"/></div>
<br/><input id="signin-btn-ns" 
tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" 
type="submit"/></form>

Colour ful page navigation விட்ஜெட்

மற்றுமொரு பயனுள்ள விட்ஜெட். பக்க எண்களை காட்ட இது பயன்படுக்கிறது. முகப்புப் பக்கத்தில் இந்த Colour ful page navigation விட்ஜெட் நிறுவ..

வழக்கம்போல HTML/Javascript விட்ஜெட்டில் கீழ்க்காணும் நிரல்வரிகளை காப்பி செய்து பேஸ்ட் செய்துகொள்ளவும்.

<style type="text/css"> #blog-pager{padding:10px 0 
!important;clear:both;} .showpageArea {font-weight: bold;margin:5px;} 
.showpageArea a {text-decoration:underline;color: #fff;} .showpageNum a,
 .showpage a {color: #fff;text-decoration:none;border:1px solid 
#999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 
3px;padding:3px 5px; background: #9dd53a; background: 
-moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 
100%); background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), 
color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter: 
progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', 
endColorstr='#7cbc0a',GradientType=0 ); } .showpageNum a:hover, 
.showpage a:hover {border: 1px solid #ccc; background: #6db3f2; 
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 
51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left 
bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), 
color-stop(51%,#3690f0), color-stop(100%,#1e69de)); filter: 
progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', 
endColorstr='#1e69de',GradientType=0 ); } .showpagePoint {color: 
#aaaaaa;text-decoration:none;border:1px solid 
#999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 
3px;padding:3px 5px; background: #e2e2e2; background: 
-moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 
100%); background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), 
color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: 
progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', 
endColorstr='#fefefe',GradientType=0 ); } .showpageOf 
{text-decoration:none;padding:3px;margin: 0 3px 0 0;} .showpageNum 
a:link,.showpage a:link {text-decoration:none;color:#fff;} 
</style><script type="text/javascript"> var home_page="/"; 
var urlactivepage=location.href; var postperpage=5; var numshowpage=5; 
var upPageWord ='Previous'; var downPageWord ='Next'; 
</script><br /> <script 
src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js'
 type='text/javascript'></script><br />

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