வந்தேமாதரம்

<b:if cond='data:post.embedCommentForm'>

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

</body>

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/smiley.js' type='text/javascript'/><noscript><a href="http://bloggerstop.net" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

<script type="text/javascript"> function pipeCallback(obj) { document.write('<ul style="text-transform: capitalize;">'); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ul>'); } </script><br /> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=28a6afad7c6ba1288c1b738277e42385&url=http%3A%2F%2Fwww.vandhemadharam.blogspot.com&num=10" type="text/javascript"></script><a href="http://vandhemadharam.blogspot.com/2010/06/popular-posts-widget.html"target="_blank"><span style="font-size: xx-small;"> "Popular Posts Widget" உங்கள் பிலாக்கில் கொண்டு வர </span></a>

• DASSBOARD
• DESIGN
• ADD A GADGET
• HTML/ JAVASCRIPT

<table border="0" background="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TAdpt162J2I/AAAAAAAABX4/o8IfBmkpHJA/s1600/yellow-rose-800.jpg"><tr><td>THE TEXT FOR THE PARAGRAPH GOES HERE</tr></td/></table>

<script type='text/javascript'> function pipeCallback(obj) { document.write('<ol>'); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; if(obj.value.items[i].link == "") var item ="<li>" + obj.value.items[i].title + "</li>"; else var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ol>'); } </script><br /> <script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=31f03b26b13cc52ee46575b89095299a&url=http%3A%2F%2Fvandhemadharam.blogspot.com&num=100&filter=yourName"></script>

• DASSBOARD
• DESIGN 
• ADD A GADGET 
• HTML JAVA SCRIPT - சென்று பேஸ்ட் செய்து இதில் ஒரு சிறிய மாற்றம் செய்ய வேண்டும். 
• vandhemadharam என்று வரும் இடத்தில் உங்களுடைய பிளாக்கின் முகவரியை கொடுக்கவும். 

 பிலாக்கரில் "Twitter Follow Me Badge " கொண்டுவருவது எப்படி என்று இங்கு காணலாம் இந்த வசதி ஏற்கனவே நிறைய பேர் பயன்படுத்தி இருக்கிறார்கள் இருந்தாலும் இந்த வசதியை பற்றி தெரியாதவர்களுக்கு நான் இந்த பதிவை இடுகிறேன்.

•  Twitter Account - உங்களுடைய Twitter User Id கொடுக்கவும் .  
• Label  -  உங்களுக்கு தேவையாதை செலக்ட் செய்யவும் 
• Color -  உங்களுக்கு தேவையான நிறத்தை செலக்ட் செய்யவும்.
• Side  -  எந்த பக்கம் படம் வரவேண்டும் என்பதை செலக்ட் seyyavum .
• From Top - மேலிருந்து எவ்வளவு தூரத்தில் widget வர வேண்டும் என்பதை செலக்ட் செய்யவும்.
• Click UPDATE CODE

• DASSBOARD
• DESIGN
• ADD A GADGET
• HTML / JAVASCRIPT

பிலாக்கரில் நாம் தினமும் பதிவு எழுதுவது வழக்கம். அப்படி எழுதும் போது கீழ்க்கண்ட SHORTCUT KEYS தெரிந்து வைத்துகொண்டால் நமக்கு மிகவும் எளிதாகவும் நேரமும் மிச்சமாகும். 

கீழே சிவப்பு நிறத்தில் கொடுத்துள்ள கீகள் FIRFOX, CHROME ஆகியவற்றின் லேட்டஸ்ட் எடிசன்களில் வேலை செய்யாது. மாறாக INTERNET 5.5+ மட்டும் தான் வேலை செய்யும்.   

பிலாக்கருக்கு தேவையான முக்கியமான SHORTCUT KEYS

நண்பர்களே இங்கு எனக்கு தெரிந்த SHORTCUT கீகளை மட்டுமே கொடுத்துள்ளேன். இதற்க்கு மேல் உங்களுக்கு ஏதேனும் SHORTCUT KEYS தெரிந்தால் கமெண்டில் தெரிவிக்கவும்.

டுடே லொள்ளு 

எப்படி போட்டாலும் அடிக்கராண்டா இவன் ரொம்ப நல்லவன்னு நெனசிட்டேண்டா 

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

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

<a href="URL OF SECOND IMAGE GOES HERE"><img src="URL OF FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF FIRST IMAGE GOES HERE'" /></a>

•  URL OF FIRST IMAGE GOES HERE -என்று இருக்கும் இடத்தில் நமக்கு தெரிகின்ற முதல் படத்தின் URL. (உ -ம்) பதிவில் அந்த பால் கறக்கும் படத்தின் முகவரி.

•   URL OF SECOND IMAGE GOES HERE -என்று இருக்கும் இடத்தில் மாறும் படத்தின் முகவரி கொடுக்கவும். (உ-ம்) அந்த கிளியின் படம். 

ஆஹா மெல்ல நட மெல்ல நட மேனி என்னாகும் 

<script src="http://spiceupyourblogextras.googlecode.com/files/fireworkseffect1.js" type="text/javascript">

• DASSBOARD
• LAYOUT
• ADD A GADGET
• HTML JAVA SCRIPT  

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

• உங்கள் பிலாக்கர் அக்கௌண்டில் நுழைந்து கொள்ளுங்கள். 
• DASSBARD - LAYOUT - EDIT HTML - செல்லுங்கள்.
• ]]></b:skin>  இந்த வரியை கண்டுபிடிக்கவும். 
• கண்டுபிடித்தபின் கீழே உள்ள கோடிங்கை காப்பி செய்து அந்த வரிக்கு முன்பு/மேலே பேஸ்ட் செய்யவும். 

.post ul {list-style:none;
}
.post ul li {
line-height: 1.4em;
background: transparent url(http://i907.photobucket.com/albums/ac276/yamsasi2003/Heart.gif) no-repeat scroll 0px 4px;
margin: 0.3em 0;
padding: 0 0 0.8em 20px;
}
.post ul li:hover {
background: transparent url(http://i907.photobucket.com/albums/ac276/yamsasi2003/Heart.gif) no-repeat scroll 0px 4px;
}

• நீங்கள் பதிவின் போது BULLETS சேர்க்கும் போது POST EDITOR பகுதியில் அது கரும் புள்ளியாகவே தெரியும். பப்ளிஷ் செய்தால் தான் அந்த கரும்புள்ளி மாறி வரும். 
• நான் கொடுத்த HEART BULLET பிடிக்க வில்லை என்றால்  http://www.gifanimations.com/GA/animation/ImageDisplay/1/7/25 இந்த லிங்கில் சென்று உங்களுக்கு தேவையான BULLET தேர்வு செய்து உங்கள் மௌஸில் RIGHT CLICK செய்து COPY IMAGE URL என்பதை தேர்ந்தெடுத்து நான் கோடிங்கில் சிவப்பு நிறத்தில் கொடுத்துள்ள இடத்தில் பேஸ்ட் செய்து விடவும்.   

 

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

இந்த வரியை கண்டுபிடிக்கவும்.  கண்டுபிடித்த பின் கீழே உள்ள கோடிங்கை காப்பி செய்து கண்டுபிடித்த கோடிங்கிருக்கு கீழே / பின்னே பேஸ்ட் செய்யவும்.
இங்கு நான்கு வகையான பட்டன் மாதிரிகள் கொடுத்துள்ளேன். அதில் உங்களுக்கு தேவையானதை காப்பி செய்து கொள்ளுங்கள்.

  

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

<div style="float:right;padding:4px;">

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>