उन्नत टिप्पणी प्रणाली Expand/Collapse लगाएँ


Manoj Jaiswal :सभी पाठकों को मेरा प्यार भरा नमस्कार.तकनीकी पोस्टों के क्रम में आज पेश है,उन्नत टिप्पणी प्रणाली Expand/Collapse लगाएँ.यह विजेट आपके पाठकों को एक बेहतरीन विकल्प उपलव्ध कराता है जब भी वह आपकी पोस्ट पर टिप्पणी करेंगे तो इस विजेट पर क्लिक कर टिप्पणी बॉक्स खोल कर अपनी टिप्पणी पोस्ट कर सकते हैं,टिप्पणी पोस्ट करने के बाद या पहले यह स्वत ही खुल जाता है एंव बंद भी हो जाता है.इसका लाइव उदाहरण आप मेरे इसी ब्लॉग पर देख सकते हैं.इस विजेट को मैने काफी समय खर्च करने के बाद संशोधित किया है,कुछ इंग्लिश वेबसाईट पर उपलव्ध विजेट में कमी यह है कि उसको लगाने के बाद नीचे के लिनक्स मसलन अगली पोस्ट, पिछली पोस्ट का लिंक दिखना बंद हो जाता है,वह कमी इस विजेट में सुधार दी गयी है.आप नीचे दिए आसान चरणों को अपना कर इसे अपने ब्लॉग में आसानी से स्थापित कर सकते हैं.


blogger comment form

 उन्नत टिप्पणी प्रणाली Expand/Collapse लगाएँ

1. आप ब्लॉगर  dashboard--> लेआउट  --> Template --> Edit Html ( Tick the Expand widget Template option).
2. इसे खोजें  </head> और बस यह निम्नलिखित  कोड इसके ठीक ऊपर चिपकाए.
.



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>

$(document).ready(function(){

$(&quot;.toggle_container2&quot;).hide();

$(&quot;h2.trigger2&quot;).click(function(){
$(this).toggleClass(&quot;active&quot;).next().slideToggle(&quot;slow&quot;);
});

});
</script>

 CCS शैली और  बॉक्स

3. अब इसे खोजें(Ctrl+F) से  ]]></b:skin> और नीचे दिया CCS कोड इसके ठीक ऊपर चिपकाएँ .

h2.trigger2{padding-left:50px;margin-top:5px;margin-left:0;margin-bottom:5px;background:url(https://dl.dropbox.com/u/37128917/Pictures/pbt.png) no-repeat;height:46px;line-height:46px;width:660px;font-family:Arial;font-size:1.4em;font-weight:400;text-align:left;color:#a1a1a1;float:left;cursor:pointer}h2.trigger2 a{color:#fff;text-decoration:none;display:block}h2.trigger2 a:hover{color:#ccc}h2.active{background-position:bottom left;color:#FFF}.toggle_container2{margin-left:-10px;padding-left:10px;border-left:1 solid #e6e6e6;overflow:hidden;width:711px;clear:both}




HTML कोड संपादित करें 

4.  अब इसे खोजें(Ctrl+F) से

<b:includable id='comment-form' var='post'>




5. 
अब इस कोड के ठीक नीचे  यह  कोड के  चिपकाएं.

<h2 class='trigger2'>Click to Add a New Comment</h2>
<div class='toggle_container2'>
<div class='block'>









6. अब आपको नीचे दिए कोड तरह क्लोजिग टैग बंद करना है Paste two div closing tags just before its closing includable tag as shown below.
<b:includable id='comment-form' var='post'>

<h2 class='trigger2'>Click to Add a New Comment</h2>
<div class='toggle_container2'>
<div class='block'>
<div id='pbt-form'>
<a name='comment-form'/><br/>
<h4 id='comment-post-message'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='580px'/>
<data:post.iframeColorizer/>
</div>
</div> 
</div>
</b:includable>























7. Finally अपने टेम्पलेट Save करें और अपनी टिप्पणी फार्म को देखें .


क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!
इस पोस्ट का शार्ट यूआरएल चाहिए: यहाँ क्लिक करें। Sending request...
Comment With:
OR
The Choice is Yours!

23 कमेंट्स “उन्नत टिप्पणी प्रणाली Expand/Collapse लगाएँ”पर

  1. बहुत शानदार विजेट मनोज जी धन्यवाद

    ReplyDelete
  2. @mohit जी,पोस्ट पर टिप्पणी के लिए आभार.

    ReplyDelete
  3. Great Widget Thanks,For Thes Widget...

    ReplyDelete
  4. उत्तम विजेट थैंक्स

    ReplyDelete
  5. उपयोगी विजेट आप का धन्यवाद मनोज जी

    ReplyDelete
  6. अच्छी जानकारी

    ReplyDelete
  7. नमस्‍कार भाई मनोज जी,
    काफी दिनो बाद आपके ब्‍लाग पर आ रहा हू जहा पर वर्तमान मे हू वहा पर नेट नही आता है पर आज काफी प्रसास किया तब कही 40 मिनट बाद आपके ब्‍लाग पर आने का मौका मिला काफी खुश भी हुआ , आज की पोस्‍ट आपकी बहुत बढिया है शायद कुछ समय बाद यहा नेट की समस्‍या का समाधान हो जाये ये ग्रामीण क्षेत्र् के कारण सेल फोन टावर नही है
    आपके ब्‍लाग पर कई पोस्‍ट निकल गई इस बात का दुख भी है कि मे उनसे वंचित रह गयाा
    फिर मिलेगे

    ReplyDelete
  8. बेहद बढिया विजेट आपको साधुबाद मनोज जी,

    ReplyDelete
  9. बहुत शानदार विजेट आप का धन्यवाद

    ReplyDelete
  10. Achi jaankari hai.ye Widget aapki blog par dekha tha.iske bare me socha hi tha ,tab tak aapki ye post aa gai.Thanks

    ReplyDelete
  11. शानदार विजेट मनोज जी धन्यवाद

    ReplyDelete
  12. Thanks,For Thes Widget.

    ReplyDelete
  13. बहुत शानदार विजेट आप का धन्यवाद

    ReplyDelete
  14. Hi I come 1st time on your Blog.or bdi khushi hui yahan par tarah tarah ki posts dekh kar.Mene haal hi ek Online Videos Education Blog shuru kiya hai.mujhe bdi khushi hogi agr aap use bhi apne Blog par shamil kren.Thanks.
    uska link ye hai : http://online-elearn.blogspot.com/

    ReplyDelete
  15. जानकारी के लिए आभार ..........

    ReplyDelete
  16. सभी आदरणीय साथियों का पोस्ट पर टिप्पणी के लिए तहे दिल से हार्दिक आभार.मेरे लैपटॉप का की बोर्ड खराब हो जाने से आप सभी को देरी से उत्तर देने के लिए माफ़ी चाहता हूँ,शेष अगली पोस्ट में जल्द ही.

    ReplyDelete
  17. Honsla afzai ke liye shukriya sir.Aap jaise bde blogar ka mere sath judna mere liye samman ki baat hai.Thanks.

    ReplyDelete
  18. जानकारी के लिए आभार मनोज जी धन्यवाद

    ReplyDelete
  19. सभी आदरणीय मित्रों का पोस्ट पर कमेंट्स के लिए आभार.पिछले कुछ समय से निजी कार्य में व्यस्त होने की वजह से नेट से दूर रहा इसके लिए खेद प्रगट करता हूँ,आशा करता हूँ एक दो दिन में आप सभी मित्रों के साथ अपनी और आपकी पोस्ट भी साझा करूंगा सहयोग के लिए आभार.

    ReplyDelete
  20. आपको ये जानकार ख़ुशी होगी की एक सामूहिक ब्लॉग ''इंडियन ब्लोगर्स वर्ल्ड ''शुरू हो चुका है.जिसमे भारतीय ब्लोगर्स का परिचय करवाया जायेगा.और भारतीय ब्लोग्स की साप्ताहिक चर्चा भी होगी.और साथ ही सभी ब्लॉग सदस्यों के ब्लोग्स का अपडेट्स भी होगा.ये सामूहिक ब्लॉग ज्यादा से ज्यादा हिंदी ब्लोग्स का प्रमोशन करेगा.आप भी इसका हिस्सा बने.और आज ही ज्वाइन करें.जल्द ही इसका काम शुरू हो जायेगा.
    लिंक ये है
    http://indians-bloggers.blogspot.com/

    ReplyDelete

Widget by:Manojjaiswal
Related Posts Plugin for WordPress, Blogger...
  • रफ़्तार
  • Online Marketing
    Praca poznań w Zarabiaj.pl
    Technology-Internet blog
     

    Blog Directories

    क्लिक >>

    About The Author

    Manoj jaiswal

    Man

    Behind

    This Blog

    Manoj jaiswal

    is a 56 years old Blogger.He loves to write about Blogging Tips, Designing & Blogger Tutorials,Templates and SEO.

    Read More.

    ब्लॉगर द्वारा संचालित|Template Style by manojjaiswalpbt | Design by Manoj jaiswal | तकनीक © . All Rights Reserved |