अपना कमेन्ट अलग रंग में दिखाए.......!!!!!

आपने अपने ब्लॉग में देखा होगा की अगर कोई व्यक्ति कमेन्ट करता है, तो कई बार आपको उस कमेन्ट का जवाब भी देना पड़ता हैं और आप जवाब दे भी देते है, मगर आपके और आपके पाठक के कमेन्ट का कलर और बेकग्राउंड एक होने पर पता नहीं चलता की कौन सा कमेन्ट ब्लॉग मालिक का है और कौन सा पाठक का !!!!! इस समस्या से निजात पाने की एक तरकीब है जिसके द्वारा आपके द्वारा लिखे गए कमेन्ट और आपके पाठक द्वारा लिखे गए कमेन्ट को पृथक किया जा सकता है !!! इसके लिए हम एक सरल सा तरीका अपनाएंगे और वो है कि हम ब्लॉग मालिक का और ब्लॉग के पाठक के कमेन्ट का कलर बदल दे जिससे हमारा ब्लॉग और भी अच्छा लगेगा और पाठक समझ भी पायंगे कि ब्लॉग मालिक ने किसी के प्रश्न के जवाब में क्या लिखा है???

                                         

निम्न चरणों के द्वारा आप ये कार्य कर सकते हैं !! मगर पहले आप अपने टेम्पलेट को सहेज कर रख ले.....!!!!

1> अपने ब्लॉगर अकाउंट में जाये क्लिक करे "layout --> Edit HTML".

2> वहा जाकर Expand Widget Templates पर चेक करे !!!

3> अपने टेम्पलेट कोड पर जाये और निम्न कोड चरण ढूंढे....!!!

]]></b:skin>

4> निम्न कोड को ठीक ]]></b:skin> के ऊपर पेस्ट कर दे........!!!!

.comment-body-author {<br /> background: #E6E6E6; /* Background color*/<br /> color: #000; /* Text color*/<br /> border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;<br /> margin:0;<br /> padding:0 0 0 20px; /* Position*/<br /> }

5> अब जो काले अक्षरो में कोड है उसे खोजे एवं लाल अक्षरो वाला कोड जहा बताया गया है वह पेस्ट कर दे!!!!

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

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<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>

6> सेव कर ले और अपने ब्लॉग पर परिणाम देखे.....!!!

*नोट- जब भी आप कमेन्ट करे पहले अपने ब्लॉगर अकाउंट में लोग इन कर ले.......!!!!

आप अपने ब्लॉग कि थीम के हिसाब से भी कलर बदल सकते है इसके लिए आपको प्रथम कोड में कलर की जगह परिवर्तन करना पड़ेगा....!!!

तो कैसा लगा आपको ये प्रयोग जरुर बताए.....!!!

आप इसका प्रायोगिक स्वरुप देखना चाहते है तो यहाँ देखे.....!!!