Friday, March 12, 2010

உங்களுடைய பிளாக்கரில் "High Light Author Comment" கொண்டு வர

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

 இதை நம் பதிவில் கொண்டு வர

1.  இப்பொழுது உங்கள் பிளாக்கரில் நுழைந்து கொள்ளுங்கள்.

LAYOUT- EDIT HTML- EXPAND WIDGET TEMPLATE - சென்று   ]]></b:skin> இந்த வரியை கண்டு பிடிக்கவும். கண்டுபிடித்த பின் கீழே உள்ள கோடினை காப்பி செய்து கண்டு பிடித்த வரியின் முன்பு (before that line) பேஸ்ட் செய்யவும்.  

.author-comments {

background: #D4BFFE;

border: 2px solid #666666;

padding: 5px;

}





2. அடுத்து நீங்கள் பின்வரும் கோடினை கண்டு பிடிக்கவும்.  கீழே உள்ள கோடினில்

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

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>

<b:if cond='data:comment.favicon'>

<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>

</b:if>

<a expr:name='data:comment.anchorName'/>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

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

<b:if cond='data:comment.author == data:post.author'>


<dd class='author-comments'>

<p><data:comment.body/></p>

</dd>

<b:else/>

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

</b:if>





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



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

நீல நிறத்தில் இருப்பது நீங்கள் காப்பி செய்து சேர்க்க வேண்டிய HTML CODE. 

சிவப்பு நிறத்தில் இருப்பது உங்கள் தளத்தில் சேர்க்க வேண்டிய இடங்கள்(PLACE MENT).   

அவ்வளவு தான் உங்களுடைய தளத்தில் நீங்கள் இடும் கருத்துக்கள் இனிமேல் HIGH LIGHT ஆகி வரும்.

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

இதில் ஏதேனும் சந்தேகம் இருந்தால் தயங்காமல் என்னிடம் கேளுங்கள்.

சந்தேகம் இல்லை என்றாலும் உங்கள் கருத்துக்களை கூறிவிட்டு செல்லுங்கள்.

இப்படிக்கு உங்கள் 

13 comments:

சைவகொத்துப்பரோட்டா said...

இத......இத........இதைத்தான் எதிர்பார்த்தேன்..........மிக்க நன்றி சசி தகவலுக்கு.

தேனம்மை லெக்ஷ்மணன் said...

எல்லாம் நல்லாத்தான் சொல்லித் தர்றீங்க சசி நம்ம சிற்றறிவுக்கு எட்டிய வகையில் போட பார்க்குறேன்

தமிழ் உதயம் said...

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

புலவன் புலிகேசி said...

உபயோகமாக இருந்தது..நான் மாற்றி விட்டேன்.

மன்னார்குடி said...

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

karthik said...

மிகவும் பயனுள்ள தகவல் நன்றி அண்ணா

தமிழ் மகன் said...

எனது பதிவிலும் பண்ணிப் பார்த்துட்டேன். தகவலுக்கு நன்றி.

ஆடுமாடு said...

நன்றி. யூஸ்புல்லா இருந்தது.

மைதீன் said...

நன்றி சசி, நான் சேர்த்துவிட்டேன்

க.பாலாசி said...

நல்ல தகவலுங்க... நன்றி....

மதுரை சரவணன் said...

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

சசிகுமார் said...

:l:

GEETHA ACHAL said...

சசி..எனக்கு கீழே கொடுத்துள்ள அந்த இரண்டவது கோட் என்னுடைய HTML கோடில் கிடைக்கவில்லை..

Post a Comment

Text Widget

Text Widget