मंगळवार, ८ डिसेंबर, २००९

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

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



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

०. सर्वात महत्त्वाचे म्हणजे - आपल्या टेंप्लेटचे बॅकअप घ्या - "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' लिहिला तरी चालेलच!

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

20 टिपणी/ टिपण्या:

सिद्धार्थ म्हणाले...

Thank you very much for sharing such very helpful tips. I got it working.

भुंगा म्हणाले...

@सिद्धार्थ,
हा, मी पाहिलं तुझ्या ब्लॉगवर... मस्तच!

Anand म्हणाले...

ट्राय करून पाहायला हवं...
माहितीसाठी धन्यवाद!

Vaibhav म्हणाले...

खूप छान आणि महत्वाची माहिती दिली आहे तुम्ही करून बघितली व्यवस्थित चालते..धन्यवाद
- वैभव

भुंगा म्हणाले...

@ वैभव,
कमेंट्स पाहिल्या... वा! पोस्ट आपल्या कामी आली तर!

देवदत्त म्हणाले...

धन्यवाद, मी ही प्रयत्न करतो :)

नकुल म्हणाले...

तुम्ही दिलेली माहिती मस्तच आहे आणि पण अजुन नविन आहे ...प्रयत्न केला...वर दिलेला कोड आणि मला मिळालेला कोड वेगळा दिसला... त्यामुळे याचा उपयोग करायला जरा वेळ लागेल असं दिसतेय ....

भुंगा म्हणाले...

@नकुल,
कोणता कोड मिळाला - व वेगळा दिसला - समजले नाही.

@देवदत्त, आनंद,
हो, प्रयत्न करुन पहा. काही अडचण आली तर कळवा!

╚» विशाल तेलंग्रे «╝ म्हणाले...

दादा, तुझ्या या पोस्टच्या मदतीने मी पण जरा ट्राय करून पाहिलं..(माझे पोस्ट्स पाहिल्यानंतर तुला दिसेलच...) हं जरा विचित्र दिसतंय पण परीक्षा झाल्यानंतर व्यवस्थित करीन... या नविन माहितीबद्दल आभार! :)

anukshre म्हणाले...

भुंगा नमस्कार,
सर्वात आवडली ती सूचना प्रतिक्रिया बद्धल......टिप्पणी कशी असावी.
मीही करीन.
अभिप्राय ठळक कसे करावेत माहिती अमलात आणीन.
माझ्या ब्लॉग वर आपण मित्र व अभिप्रायांसाठी नेहमीच असाल.

भुंगा म्हणाले...

@अनुक्षरे,
अरे वा! तुझी[चालेल?] कमेंट बघुन बरं वाटलं.. !
हां, ती कमेंट्स ची सुचना, ना - मुद्दाम लिहिलीय... उगाचच असंबंध विषयांवरती वाद नको म्हणुन! :)

तुझ्या बर्‍याच पोस्ट वाचल्यात - अगदी संवेदनशील विषय आहेत.. छान लिहितेस.. लिहित रहा!

मी म्हणाले...

भुंगा,
माझ्या ब्लॉगवर आण्खी काय सुधारणा करता येतील ?
खुपच साधा दिसतो .. आणि विजेट्स पण नाहियेत.

मी,
http://thelife.in

कांचन कराई म्हणाले...

तुम्ही दिलेल्या माहितीनुसार कोड टाकून पाहिला. माझे प्रतिसाद आता उठून दिसत आहे. ही युक्ती छानच आहे. मनापासून धन्यवाद!

भुंगा म्हणाले...

@कांचन,
हो, मी पाहिलं ब्लॉगवर!
बर्‍याच जणांना माहिती उपयोगी पडली - पोस्ट लिहिण्याचं चीज [बटर!] झालं!

भुंगा म्हणाले...

@मी,
खरं सांगु, मला तुझा ब्लॉग मस्त वाटतो!...... हां, तुझा ब्लॉग 'वर्डप्रेस' वरती आहे - आणि आम्ही ब्लॉगर वाले.
वर्डप्रेसच्या अनेक फ्री थिम आहेत: themes2wp या साईटवर च्या थिम्स बघ, एखादी आवडली तर डाऊनलोड करुन इंस्टाल कर!

Anand म्हणाले...

धन्यवाद भुंगा!
खुपच उपयुक्त माहिती होती ही... ब्लॉग कमेंट्स आता उठुन दिसत आहेत.

भुंगा म्हणाले...

@आनंद,
अरे वा! बघितलं तुझ्या ब्लॉगवर...!
छान दिसतयं. :)

विशाल कुलकर्णी म्हणाले...

नमस्कार दिपकभाऊ,
हि माहिती खरेच खुप उपयुक्त आहे. मला माझ्या ब्लॉगवर हे करुन पाहण्याची इच्छा आहे. माझा ब्लॉग वर्डप्रेसवर आहे. तिथे हे कसे करता येइल? अजुन काही टिप्स मिळाल्या तर खुप छान वाटेल. आभारी आहे

सस्नेह
विशाल (v.kulkarni@omnistar.in)

atma म्हणाले...

Heil भुंगा!
पोस्ट आवडली. प्रतिक्रिया उठून दिसायला हवी.
तू सांगितल्या प्रमाणे केलं सगळं, पण image येत नाही :(
माझ्या ब्लॉगवरची माझी प्रतिक्रिया इथे बघू शकतोस.

भुंगा म्हणाले...

@आत्मा,
मला "मी-माझा" या पानावरुन मेल कर - म्हणजे मला तुला उत्तर देता येईल.