Blogger ன் மறுமொழி பொட்டி இப்பொ.. பதிவுப் பக்கத்திலே !!!

கவனிக்கவும் :- Settings - Comments - Show Comments in POP-UP window ... ல் YES ன்னு கண்டிப்பா கொடுக்கணும்.. அப்போ தான் இது வேலை செய்யும்.. பதிவிலேயே சொல்ல மற்ந்ததுக்கு மன்னிக்கணும்

நம்ம பதிவர் மக்கள்ஸ் ஏக்கத்துக்கு இன்னியோட ஒரு விடிவுகாலம் வந்தாச்சு.. பதிவுகள் பக்கத்திலேயே பின்னுட-பொட்டி இருந்தா எவ்வளவு நல்லா இருகும் ( ரொம்பவே உதவியும் கூட) ன்னு நாமெல்லாரும் ஏங்கியிருப்போம்... ஒரு புண்யவான் ரொம்ப சிரமபட்டு ஒருவழியா பின்னுடபொட்டிய்யை பதிவுபக்கத்துக்கே கொண்டுவந்து சாதிச்சு காட்டியிருக்கார்..என்னடா தீபா இப்படி சொல்லறாங்களே.. இது நிஜமாவே சத்தியமா ? ? ... இல்லை சும்மா பிலிம் காட்டறாங்களா..ன்னு மோவாய்கட்டைய்யை தடவுறவங்க தொடுவானத்திலே ஏதாவது ஒரு பதிவை க்ளிக்கி பாருங்க... பதிவு முடிஞ்சப்புறம்.. நீங்க போட்ட பின்னூடம் உங்களை பார்த்து சிரிக்கும்... ஏன்னா இப்போ ஜோடியா பின்னூட பொட்டியும் இருக்கே..
செய்முறை விளக்கம் இதோ

1. Template - Edit HTML லிருந்து.. உங்களுடை டெம்ப்ளேட்டை பத்திரப்படுத்தி கொள்ள்வும்
2. Expand widgets template ல் tick-mark போடவும்
3. கீழே இருக்கும் கோடை கண்டுபிடித்து.. சிகப்பு நிறத்திலிருக்கும் கோடை சேர்க்கவும்

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<!-- jackbook.com part 1 start -->
<!--
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
-->
<!-- jackbook.com part 1 ends -->
<!-- actually i almost do nothing with your template, just add that comment, you did it :) -->

<div id='comment-parent' style='padding-bottom: 20px;' onmouseover='showcomment("hoverme", "comment-child");'>
<h3 id='hoverme' style='display:block;'>
<img alt='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.' src='http://lifewg.googlepages.com/html-code-leave-comment.gif' title='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.'/>
</h3>

<!-- this iframe below is your comment form. you can change the height, or add more style property into it -->
<div id="comment-child" style='border: none; display: none; height:750px; width: 420px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'>
<iframe style='border:none;' expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' width='100%'/>
<br/>
<a href='http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html' title='Want to have this on your blogger/blogspot?'>Comment Form under post in blogger/blogspot</a>
</div>
<!-- end of iframe -->

</div>

</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>

4. கீழே இருக்கும் கோடை </body> ... tag க்கு மேலே எழுதவும்

<!-- www.jackbook.com -->
<!-- this to hide and show el -->
<script languange='javascript'>function showcomment(a,b){var jackbookdotcom = document.getElementById(a);jackbookdotcom.style.display = 'none';jackbookdotcom = document.getElementById(b);jackbookdotcom.style.display = 'block';}</script>
<!-- www.jackbook.com -->

5. கீழே இருக்கும் கோடை கண்டுபிடித்து சிகப்ப நிறத்திலலிருப்பதை மட்டும் மாற்றி எழுதவும்

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<a class='comment-link' expr:href='data:post.url + "#comments"' >
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
<b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

6. Template ஐ Save செய்து பதிவு பக்கத்தை பாருங்க

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

மறுமொழிப் பக்கத்தின் நீளம் - அகலத்தை மாற்ற;-
Template ல் கீழே சுட்டிக்காட்டியிருக்கும் கோடை கண்டுபிடிக்கவும்

<!-- this iframe below is your comment form. you can change the height, or add more style property into it -->
<div id="comment-child" style='border: none; display: none; height:750px; width: 420px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'>
<iframe style='border:none;' expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' width='100%'/>
<br/>
<a href='http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html' title='Want to have this on your blogger/blogspot?'>Comment Form under post in blogger/blogspot</a>
</div>
<!-- end of iframe --> e ல் கீழே சுட்டிக்காட்டியிருக்கும் கோடை கண்டுபிடிக்கவும்

அதில் <div id="comment-child" style='border: none; display: none; height:750px; width: 420px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'> உள்ள height:750px; width: 420px; ஐ.. இப்படி மாத்தி எழுதலாம்..

width:99%.. Height க்கு உங்கள் விருப்பம் போல் செய்யலாம்..

<div id="comment-child" style='border: none; display: none; height:850px; width: 99%; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'>

கோயிந்தும் விட்ஜட்டும்

"இன்னாமே பொன்சு, இன்னும் சென்னைல தான் கீறியா?" என்றபடி வந்தான் கோயிந்து..

"ஏன்? இங்க தானே இருக்கேன்?!" என்றபடி புரியாமல் பார்த்தேன் நான்..

"இல்ல, அப்படியே ரொம்ப புரியாத தமிழ்ல எழுதித் தள்ளுறியாமே! அதான் டைம் ட்ராவல் பண்ணப் போயிட்டியோன்னு..."

"கோயிந்து, என்ன இப்படி கிண்டலடிச்சா எப்படி? என்ன விசயமா வந்த?"

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

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

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

"சொல்லலைன்னா?... " இந்த முறை என் குரல் எனக்கே கேட்கவில்லை..

"அப்பால தல பாலா நேரில் வந்திடுவாரு.. என்ன நடக்கும்னு யாருக்குமே தெரியாது.." பயங்கரமாக முடித்தான் கோயிந்து..

"கோயிந்து, அந்தப் பதிவ எத்தனை நல்லா எழுதி இருக்கேன்.. இப்படிச் சொல்லிட்டியே! இப்ப என்ன புரியலை அதில?" என்றேன் லேசாக நடுங்கியபடி

"விட்ஜட்டுன்னு அழகான பேரு இருக்க சொல, அதென்ன துண்டு, துப்பட்டான்னு பேஜாரான ஒரு பாஷைல எளுதிகிட்டு?.. சரி அத்த வுடு.. இப்ப இந்த விட்ஜட் இன்ஸ்டால்லர் எதுக்குப் பயன்படுது? "

"அது வந்து கோயிந்து, இந்த விட்ஜட் இன்ஸ்டாலர் வச்சி ஏதாச்சும் குட்டி நிரல் துண்டை.."

"இஸ்டாப்பு... மறுபடி துண்டுக்கு வந்திட்டியா! இந்த துண்டு, குண்டு, நிரலி, குறளி எல்லாம் இல்லாம, நல்ல டமில்ல, பிரியற மாதிரி, விட்ஜட்டு, கோடுன்னு சொல்லு.. இல்லையின்னா..."

விட்ஜட்டும் கோடும் நல்ல தமிழான மாயத்தைக் கண்டு என்னை நொந்து கொண்டு தொடர்ந்து சொல்ல ஆரம்பித்தேன்.

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

"இஸ்டாப்பு" என்றான் கோயிந்து..

"என்ன?" என்பது போல் நிமிர்ந்து பார்த்தேன்.

"கூவத்து ஓடைலயே தண்ணி இல்லை.. காஞ்சு போன செய்தியோடையை பதிவுல போட்டு இன்னா பண்ணுறது?"

"கோயிந்து, இது அந்த மாதிரி ஓடை இல்லை.. பதிவோட ஓடை.. feed, இதை போட்டா நீ போடுற ஒவ்வொரு இடுகையும் இதில் அப்டேட் ஆகும். தெரியும். பிரியுதா? ச்சே.. புரியுதா?" என்றேன்

"இப்பிடி பிரியுறாப்புல சொல்லுன்னு இன்னும் எத்தினி தபா சொல்லணுமோ ஒனக்கு! ம்கும்.. " அலுத்துக் கொண்டான் கோயிந்து..

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

"விட்ஜட் இன்ஸ்டால்லர்ங்கிறது ஒரு சின்ன பட்டன் மாதிரி இருக்கும். இதை அமுக்கினதும் உங்க புது ப்ளாக்கர் பதிவுகளில் எதில் விட்ஜட்டை போடுறதுன்னு கேட்கும். எதுன்னு முடிவு சொன்னது அதில் போட்டு அழகாக்கி வுட்ரும்.. உதாரணத்துக்கு இந்த பதிவில் வலப்புறம் உள்ள தமிழ்99 பட்டனைத் தட்டிப் பாரு!"

"அட!" என்றான் கோயிந்து, அதைத் தட்டிப் பார்த்து தன் பதிவில் சேர்த்த பின்னர். "சரி, இதை இப்ப எப்படி நான் பண்ணுறது?"

"சொல்றேன். ரொம்ப சுலபம். கொஞ்சமே கொஞ்சம் HTML தெரிஞ்சாலே போதும். அதிகம் வேண்டாம். முதல்ல நீ எந்த விட்ஜட் கொடுக்கணுமோ, அதை உன்னோட சொந்த ப்ளாக்குல ஒரு பக்கத்துல போட்டு வச்சிக்கணும். இப்ப இந்தப் ப்ளாக்குல ஒரு தமிழ்99 விட்ஜட் போட்டுருக்கம் இல்ல, அதையே உதாரணமா எடுத்துக்குவோம். இந்த விட்ஜட்டை எங்க பதிவுல போட
<br />& lt;a href='http://blog.ravidreams.net/?p=218'& gt; & lt;img src=http://poorna.rajaraman.googlepages.com/tamil99.gif & gt; & lt;/a& gt; <br />

ங்கிற மாதிரி கோட் எழுதி அதை Add New widget வழியா பதிவுல போட்டுக்கிடணும்.."

"ஆமாம் பொன்சு, இது மாதிரி விட்ஜட் போட அல்லாருக்குமே தெரியுமே.. இதைத் தானா இத்தினி நீட்டி மொழக்கி சொன்ன? மத்தவங்க பதிவுல வர இன்னா செய்யணும்? அத்தச் சொல்லு மொதல்ல.."

"இரு கோயிந்து, அடுத்து அதான்.. " என்று சமாதானப்படுத்திவாறே அடுத்த பகுதியை ஆரம்பித்தேன்.

"இப்ப நம்ம பதிவில் விட்ஜட் போட்டாச்சு.. இதை மத்தவங்க பதிவில் போட விட்ஜட் இன்ஸ்டால்லர் உருவாக்கணும். ஒரு சுலபமான விட்ஜட் இன்ஸ்டால்லரோட கோடு கீழ சொல்லிருக்கிறது மாதிரி இருக்கும்..

<br /><form action="http://www.blogger.com/add-widget" method="post"><br /><input type="hidden" value="தமிழ்99" name="widget.title"><br /><input type="hidden" value="& lt;a href='http://blog.ravidreams.net/?p=218'& gt; & lt;img src=http://poorna.rajaraman.googlepages.com/tamil99.gif & gt; & lt;/a& gt; " name="widget.content"><br /><input type="hidden" value="<data:content/>" name="widget.template"><br /><input type="submit" value="விட்ஜட் நிறுவ" name="go"><br /></form><br />

"இரு இரு.. இதில எதெல்லாம் மாத்தினா எனக்கு ஒரு சுலபமான விட்ஜட் உருவாக்க முடியும்.. அதை மட்டும் சொல்லு.. போன தபா மாதிரி பார்ட் பார்ட்டா பிரிச்சி மேஞ்சி உசுர எடுக்காத.."

"ம்ஹூம்.. உன்னைக் குத்தம் சொல்ல முடியாது கோயிந்து.. மெட்ராஸ் ட்ராபிக்ல ஷார்ட் கட்டுல போயே பழகிட்ட! என்னத்த பண்ண?!" அலுத்துக் கொண்டே கோயிந்தின் மூடுமாறுவதற்குள் சொல்ல ஆரம்பித்தேன்...

"இதுல, widget.title னு இருக்கு பத்தியா.. அது தான் மத்தவங்க பதிவில் தெரியப் போகும் உன் விட்ஜட்டின் தலைப்பு. தலைப்பு என்னவா இருக்கணுமோ, அதை அந்த வரியில் இருக்கும் 'value=' வுக்கு அப்புறம் கொடுக்கணும்.."

"ஓ.. அப்ப உன்னோட விட்ஜட்டுக்கு டைட்டிலு தமிழ்99, கரீகிட்டா? "

"ரொம்ப சரி. அடுத்து, widget.contentனு இருக்கு பத்தியா, அந்த வரியை மாத்தணும்.. உன்னோட பக்கதுலயே உருவாக்கி வச்சிருந்தியே ஒரு விட்ஜட், அதோட கோட் என்ன இருக்கோ, அது முழுக்கவும் இந்த widget.content வரியின் value பகுதியில் கொடுக்கணும்.."

"சொல்றதப் பாத்தா சுளுவாதாங்கீது.. ஆனா அதுல நீ இப்ப எளுதியிருக்கது பிரியவேல்லேயே!"

"அது என்னன்னா, <,> இது ரெண்டும் இந்த widget.content ஓட value பகுதியில் வரக் கூடாது.. அதுனால < இருக்கிற இடத்தில் எல்லாம் < உம்.. > இருக்கிற இடத்தில் எல்லாம் > உம் போடணும். அப்படி மாத்தி போட்டா இந்த மாதிரி வந்திடும்.. அதான் குழப்பமா இருக்கு.. "

"அப்ப இவ்வளவு தானா? ரொம்ப ஈஸி தான்.. ரெம்ப நாளா ஒரு பொகச விட்ஜட் போட்டு வுடணும்னு நெனச்சிகினே இருந்தேன்.. இப்பத் தான் அதுக்கு வேள வந்திருக்கு.. வர்ட்டா? " என்றபடி கிளம்பினார் கோயிந்து..

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

பழைய கோயிந்து இடுகைகள்:
1. பாலபாரதி - இஞ்ஜினியர், தமிழ் வலைப் பதிவுகள்
2. எடிட்.. edit.. எடிட்…
3. மீண்டும் கோயிந்து
4. பாலபாரதியின் செல்போன்

வார்ப்புரு மேம்பாட்டுக் கருவி

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

குழலி செய்யத் தொடங்கிய இந்தக் கருவியில், மேலும் பல மாற்றங்களுடன் முன்னேற்றங்களுடன், பல்வேறு சோதனைகளுக்குப் பிறகு, இதோ, உங்களுக்காக: புதிய ப்ளாக்கர் வார்ப்புரு மேம்பாட்டுக் கருவி

இந்த புதிய ப்ளாக்கர் வார்ப்புரு மேம்பாட்டுக் கருவியின் மூலம் நீங்கள் பெறக்கூடிய வசதிகள் பின்வருமாறு:

• தமிழ்மணத்தின் கருவிப்பட்டையைச் சேர்த்துக்கொள்ளலாம்.
• பழைய ப்ளாக்கரிலிருந்து மாறியவர்களுக்கு ஒருங்குறி எழுத்துக்களை சரியான முறையில் தெரிய வைக்கலாம்.
• நாளும் நேரமும் தமிழில் காட்டலாம்.
• தேன்கூட்டின் பின்னூட்டங்கள் திரட்டும் பட்டியைச் சேர்த்துக் கொள்ளலாம்..
• யாஹூ சிரிப்பான்களைப் பதிவில் காட்டும் நிரலியையும் சேர்த்துக் கொள்ளலாம்.

பொட்டியில் பட்டியல் using Drop-down list box (Combo box)

எல்லாருடைய பதிவிலேயும்.. அவங்களுக்கு பிடித்தமான சுட்டிகளை பட்டியல் போட்டு வைச்சிருப்பீங்க. சில நேரத்திலே பட்டியல் நம்ம பதிவை விட நீளமா இருக்கும்..இதனால . பக்கப்பட்டை இடப்பற்றாக்குறை கூட வரலாம்.. எதை எடுப்பது - எதை விடுப்பது கேஸு தான்

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

எடுத்துக்காட்டுக்கு..

சாதாரண பட்டியல்

தமிழ்மணம்தேன்கூடு வலைப்பதிவர் உதவிப்பக்கம்

பட்டியலில் இருப்பதை சொடுக்கினால்.. சம்பந்தப்பட்ட இணையத்தளதைப் பார்கலாம்

பொட்டியில் இருக்கும் பட்டியல்

சில தமிழ் பதிவுகள்.... தமிழ்மணம்தேன்கூடுவலைப்பதிவர் உதவிப்பக்கம்

எவ்வளவு இடம் மிச்சம் பாருங்க.. இது செய்வது ரொம்ப சுலபம்

notepad லே முதலில் செய்து வச்சிக்கிறது .. உங்கள் வார்ப்புருவின் உடல்நலத்துக்கு நல்லது

1. இதை முயல்வதற்கு முன்னாடி ரெண்டு விஷயத்திலே தெளிவா இருக்கணும்..
   
   • பார்வையாளர்களுக்கு பொட்டியில் நீங்கள் காட்ட விரும்பும் சொல் / வாக்கியம்
   
   
   • பட்டியலின் சொல்.. சுட்டி காட்டும் URL

<form name="form1">
<select onchange="window.open(this.options[this.selectedIndex].value)" name="combo1">
<option/>List of ....
<option value="சுட்டியின் URL"/>பார்வையில் இருக்கும் சொல்
<option value="சுட்டியின் URL"/>பார்வையில் இருக்கும் சொல்
<option value="சுட்டியின் URL"/>பார்வையில் இருக்கும் சொல்
</select></form>

2. இங்கு:-
   <option value="சுட்டியின் URL"/>பார்வையில் இருக்கும் சொல்ஐ மீண்டும் மீண்டும் எத்தனை முறை வேண்டுமானாலும் தரலாம்...சொல் (மற்றும்) சுட்டி யில்
   கவனமா இருக்கணும்
3. எல்லாம் நிறைவா இருந்தா... notepad லயிருந்து... அப்பிடியே template - page elements - (side bar ) add elements - HTML / javascript elementலெ வெட்டி ஒட்டி சேமிச்சுப் பதிவில் எப்பிடி இருக்குன்னு பாருங்க

சுட்டிகளை புதிய Browser-window ல் காண்பிக்க
<select onchange="window.open(this.options[this.selectedIndex].value)" name="combo1">

சுட்டிகளை அதே Browser-window ல் காண்பிக்க

<select onchange="location.href=this.options[this.selectedIndex].value)"

நீங்கள் விரும்பும் படத்தை Posted by ல் (அல்லது) date-header ன் பக்கத்தில் காட்ட

இடுகை ஆரம்பமாகும் முன்னே..தேதிக்குப் பக்கத்தில் நீங்கள் விரும்பும் படம்..அதேபோல் பதிவு முற்றும் இடத்தில் posted by <நீங்கள் விரும்பும் படம்> (உங்கள் photoவா கூட இருக்கலாம்..) போட்டால் எப்படி இருக்கும்ன்னு நினைத்து பார்த்ததுண்டா...

எடுத்துக்காட்டுக்கு..மேலே சொல்லியிருக்கும் சுட்டிகளில்... date பக்கத்தில் யும் ... posted by யில் யும் குடுத்துள்ளேன்


செய்முறை விளக்கம் :-

1. சரியான படத்தை தேர்வு செய்யவேண்டும்




படம் இங்கு வைப்பதாக இருந்தால்	Width	Height
தேதிக்குப் பக்கத்தில் நீங்கள் விரும்பும் படம்	20px	20px
posted by <நீங்கள் விரும்பும் படம்>	Any	25px



மேலே சொல்லியிருக்கும் dimension ல் படம் இருந்தால் உத்தமம்..இல்லைன்னா.. ஒவ்வொண்ணும்.. நீயாரோ - நான் யாரோ ன்னு மூஞ்சி்யைத் திருப்பிக்கும்

PHASE :-1


2. படத்தை..Googlepages (can use your Gmail account to login), Fileden , Ripway போன்ற ஏதாவது File hosting services ல் கணக்கு துவங்கி பதிவேற்றவும் (upload)
3. animated gif படங்களை பிளாகரில் பதிவேற்றுவது பெரிய தலைவலி..இதைத் தவிர்க்கவே..மேலே சொல்லியிருக்கும் Free File hosting services ல் பதிவேற்றுகிறோம்
4. பதிவேற்றிய பிறகு..அந்தப் படத்தின் file-path ஐ (Right-Click செய்து பெறலாம்) notepad ல் copy-paste செய்துகொள்ளவும்


PHASE:-2 posted by <நீங்கள் விரும்பும் படம்>


5. வார்ப்புருவின் நகலை Edit-HTML போய் பத்திரப்படுத்திக் கொள்ளவும்.
6. வார்ப்புருவில் கீழே காணும் வரிகளைக் கண்டுபிடிக்கவும்


<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<data:post.author/>
</b:if>
</span>

<data:top.authorLabel/>.. இது " Posted by " ஐ குறிக்கும்

<data:post.author/>........ இது உங்கள் பெயரைக் குறிக்கும்

7. நீங்கள் இணைக்க விரும்பும் படத்தை..மேலே சொல்லியிருக்கும் Tags ஐ அழித்துவிட்டு (எதை வேண்டாம்ன்னு நினைக்கறீங்களோ..அதை மட்டும் அழிங்க..) <img src="File_path "/> குடுத்து...SAVE & view


8. கவனிக்க : - File_path க்கு பதில் notepad ல் நீங்கள் பத்திரப்படுத்தியுள்ள படத்தின் முகவரியை கொடுக்கவும்


PHASE:-3 தேதிக்குப் பக்கத்தில் நீங்கள் விரும்பும் படம்


9. வார்ப்புருவின் நகலை Edit-HTML போய் பத்திரப்படுத்திகொள்ளவும்.


10. வார்ப்புருவில் கீழே காணும் Tag ஐக் கண்டுபிடிக்கவும்

<data:post.dateHeader> அல்லது <data:post.timestamp/>..இது அவரவர் வார்ப்புருவைப் பொறுத்தது

11. நீங்கள் இணைக்க விரும்பும் ப்டத்தை..மேலே சொல்லியிருக்கும் Tags க்குப் பக்கத்தில்
    <img src="File_path"/>
    குடுத்து...SAVE & view


12. கவனிக்க : - File_path க்கு பதில் notepad ல் நீங்கள் பத்திரப்படுத்தியுள்ள படத்தின் முகவரியை கொடுக்கவும்


PHASE:-4படத்தைச் சுற்றி border இருந்தால்



13. கீழே காண்பது போல் மாற்றவும்


.post img (கண்டுபிடிக்கவும்)
{
padding: 0px;
border: 0px solid #cccccc;
vertical-align:middle;
}

பதிவுகளுக்கஎல்லாம்.. மேலே/கீழே....பொதுவாக ஏதாவது காட்ட..

எல்லா இடுகைகளுக்கும் மேலோ கீழோ...ஏதாவது common element வேணும்ன்னு விருப்பம் இருக்கா..செய்யவேண்டியது இது தான்.

1. வார்ப்புருவின் நகலை Edit-HTML போய் பத்திரப்படுத்திகொள்ளவும். இதுவே வார்ப்புருவின் தாரக-மந்திரம்
2. TEMPLATE--EDIT HTML ல் கீழே காணும் வரிகளை கண்டுபிடிக்கவும்
   <b:section class='main' id='main' showaddelement='no' >
3. சிகப்பு நிறத்தில் இருப்பவைகளை அழித்துவிட்டு..
   பச்சை நிறத்தில் சுட்டிக்காட்டியிருக்கும் வரிகளை போல் மாற்றி எழுதவும்


4. final code looks like <b:section class='main' id='main' showaddelement='yes' > SAVE


5. TEMPLATE--EDIT HTML ல் கீழே காணும் வரிகளை கண்டுபிடிக்கவும்
   <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>


6. இதை locked ='false'உறுதி செய்யவும் and SAVE


7. TEMPLATE-ADD PAGE ELEMENTS ல் வந்து உங்கள் விருப்பம் போல் page-element ஐ எல்லா இடுகைகளுக்கும மேலே இணைக்கலாம்
8. எல்லா இடுகைகளுக்கும் கீழே..ஏதாவது இணைக்க விரும்பினால்..சம்பந்தபட்ட element ஐ click-and-drag முறையில் பதிவுகளுக்கு கீழேயும் வைக்கலாம்