नया आकर्षक अनुकूलित ब्लॉगर टिप्पणी फार्म लगाये।

मनोज जैसवाल : सभी पाठको को प्यार भरा नमस्कार।तकनीकी पोस्टो के क्रम में आज पेश है आज ब्लॉगर टिप्पणी फार्म को नए रूप रंग दिखाना यह देखने में तो आकर्षक है ही टिप्पणी के लिए जगह भी ज्यादा है। इसे आसानी से लगाया जा सकता है.वास्तव में आप एक स्वनिर्धारित टिप्पणी फॉर्म है.कृपया  नीचे  उदाहरण पर एक नज़र डालिए।

 अब 3-4 सेकंड के लिए इन टिप्पणी फार्म पर अपने माउस कर्सर को घुमाइए  कुछ अलग देखने को मिलेगा.इस का लाइव उदाहरण यहाँ देखे।

...............................................................................................................

अपने ब्लॉग में एक स्वनिर्धारित नया टिप्पणी फार्म जोड़ना

................................................................................................................

    1. लेआउट में जाइए।

2. एडिट एचटीएमएल पर क्लिक कीजिए। (एचटीएमएल कोड में परिवर्तन करने से पहले अपनी टेम्पलेट का बैकअप जरूर रखें। इससे आप अपनी मूल टेम्पलेट फिर से पा सकते  हैं ।

3. Expand Widget Templates को आवश्यक रूप से टिक कर दीजिए।

4. कोड में नीचे दिए गए हिस्से को ढूंढिए। सबसे अच्छा तरीका है Cont + F कुंजियों को दबाइए। एक फाइंड बॉक्स खुलेगा। इसमें नीचे दिए गए कोड को कॉपी कर पेस्ट कर दीजिए। एंटर करते ही आप कोड के इस हिस्से तक पहुंच जाएंगे।

  
   5. नीचे कोड के लिए खोज करें।

<div class='comment-form'>

     6.  अब इस कोड को नीचे दिए कोड से बदले। 

<div id='pbt-form'>

     7.  अब यह कोड खोजे   ]]></b:skin>

     8.  अब नीचे दिया  CSS code इस  ]]></b:skin> कोड के ठीक ऊपर पेस्ट कर दीजिये।

#pbt-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi2LVOLZGgF-GnmY-oGbuusUdwMAWZWoRY6h8cY8CFsuR6TEGOZ3iJgly8mqAn92BkNvC0TNOdkwq0nHFQNhi7vMb20xADiOx_l4QZf-Iees4Zwp_U4x7Z8siIWUHy7UhrgyHC2awCOPXs/s400/plz-do-not-spam1.gif) no-repeat bottom right;
border:7px solid #FFCC33;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:pink;
width:580px;
height:250px;
}
#pbt-form iframe:hover{
background:#ffffff url(http://dl.dropbox.com/u/37128917/gfhmfm.png) no-repeat bottom right;
border:7px dotted #FFCC33;
color:#7EB2AC;
}
#pbt-form a{
color:blue;
}

9.अब इस कोड को खोजे

<data:postCommentMsg/>

 10.  अब इस कोड को नीचे दिए कोड से बदले।

 <img border='0' src='http://gickr.com/results3/anim_fdb73084-94be-d144-2957-41b0c4988b30.gif'/>Confused? आप की राय का स्वागत है.

लाल रंग से दिया इमेज का पता,एंव सन्देश आप बदल सकते है।

11.अपने टेम्पलेट को सहेजें।

 यह कोड PBT से साभार 

क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!