ब्लॉगर कमेंट्स - तुमचे रिप्लाय ठ़ळकपणे दाखवा!

ब्लॉग वर आलेल्या कमेंट्सना रिप्लाय देणे हा ब्लॉग - एटिकेट्स एक भाग असतो. त्यामुळे तुमच्या विजिटर्स सोबत एक संवादही सांधता येतो. आता हे रिप्लाय देताना गरज वाटते ती स्वतःच्या, म्हणजे ब्लॉग कर्त्याच्या कमेंट्स ऊठुन दिसण्याची. त्यामुळे दिलेली कमेंट ही 'रिप्लाय' आहे हे जाणवते.

उदा. दयायचे तर - माझ्या ब्लॉगवर मी दिलेले रिप्लाय जरा वेगळे - उठुन दिसताहेत. त्यांच्याभोवती बॉर्डर आहे, शिवाय भुंग्याचे चित्रही आहे. अच्छा, मला काय म्हणायचे आहे ते समजले तर! ठिक, तर हा प्रकार तुमच्या ब्लॉगवर कसा करता येईल, ते पाहु!

०. सर्वात महत्त्वाचे म्हणजे - आपल्या टेंप्लेटचे बॅकअप घ्या - "Download Full Template" या लिंकवर क्लिक करुन ते सेव करा. काही अडचण झाल्यास आपणास ते पुन्हा अपलोड करता येईल!
१. ब्लॉगरला लॉगिन करुन "लेआऊट" वरुन - Edit HTML टॅब क्लिक करा.
२. 'Expand Widget Templates' च्या समोर असणारा चेबॉक्स् चेक करा, म्हणजे संपुर्ण कोड दिसेल.
३. आता, कमेंट्स दाखवणारा कोड शोधु.. हा खाली दिलेला कोड शोधा -

<dd class='comment-body-bhunga'>
<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 cond='data:comment.authorUrl == &quot;http://www.blogger.com/profile/PasteYourProfileNumber&quot;'>

<dd class='comment-body-admin'>
<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: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>

५. वरती पहिल्या ओळीत - PasteYourProfileNumber च्या जागी तुमच्या ब्लॉगरचा प्रोफिईल नंबर टाका. हा ' प्रोफिईल नंबर' प्रत्येकाच वेगवेगळा असतो.
तो पाहण्यासाठी ब्लॉगरच्या डॅशबोर्डवरुन 'View Profile' या लिंकवर क्लिक करा. तुमच्या प्रोफाईल पेज दिसेल. आता त्या लिंक मध्ये शेवटी दिसणारा नंबर म्हणजे - प्रोफाईल नंबर!
६. आता ' ]]></b:skin> ' च्या लगेच वरती खाली दिलेला कोड पेस्ट करा.

.comment-body-admin{
width:300px;
border-style: solid;
border-top: 1px solid #FFD129;
border-right: 1px solid #ffd129;
border-left: 1px solid #ffd129;
border-bottom: 3px solid #ffd129;
-moz-border-radius: 3px;
background-color: #f5f6f7;
margin-top: 5px;
margin-bottom: 15px;
font-size:13px;
line-height:20px;
padding: 10px 10px 10px 95px;
background:#fff url(http://LinkToYourPicture.jpg) no-repeat 0 bottom;
min-height: 100px;
}

७. वरच्या कोड मध्ये 'http://LinkToYourPicture.jpg' च्या जागी तुमच्या फोटोची लिंक पेस्ट करा. फोटो शक्यतो छोटाच असावा.
८. 'सेव टेंप्लेट' करुन एखाद्या कमेंट्ला उत्तर द्या - किंवा तुम्ही दिलेलं उत्तर शोधा आणि पहा - तुमची कमेंट वेगळी दिसते का!
९. नं. सहा मध्ये जे '#FFD129' हे असे कलर कोड आहेत त्याजागी तुम्ही तुमच्या डिझाईनला अनुसरुन कलर कोड लिहा. '#FFD129' च्या जागी 'blue' लिहिला तरी चालेलच!

आता तुमच्या कमेंट्स येऊ दयात..... :)

Posted in: कमेंट्स, टेक, ब्लॉगर