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;'>