मंगलवार, 10 अप्रैल 2012

Blogger Thread Comment में Yahoo Smiley's कैसे दिखाए

Blogger की नयी सुविधा Thread कमेंट्स से तो सभी परिचित होंगे ... और शायद सभी ने इसे ब्लॉग पर सक्रिय कर लिया होगा । इसी कड़ी में आज Blogger Thread Comment में Smiley's का उपयोग कैसे किया जाय बताया गया है॥ Blogger के सामान्य Comment फॉर्म में Smiley's का उपयोग बिना किसी परेशानी के एक सामान्य सी स्क्रिप्ट के द्वारा आसानी से किया जा सकता है ॥ वही Thread Comment में Smiley का उपयोग करने हेतु स्क्रिप्ट के साथ साथ css और कुछ मामूली template code के द्वारा इसे ब्लॉग पर रखा जा सकता है ... इसे अपने ब्लॉग पर सक्रिय करने के लिए नीचे पक्रिया अपनाये ।



विजेट को ब्लॉग पर कैसे ले जाए

Yahoo Smiley's को ब्लॉग पर ले जाने के लिए प्रक्रिया तीन चरणों में बताई गयी है ॥ अतः क्रमश इन्हे अपने ब्लॉग पर सक्रीय करते चले

Step 1

  • अपने blogger dashboard पर जाए
  • यहाँ जाए Dashbord > Design > Edit HTML
  • अब ऊपर Expand Widgets चेक बॉक्स पर क्लिक करे
  • यहाँ पर ]]></b:skin> कोड तलाशे
  • अब नीचे बताया गया पूरा कोड ]]></b:skin> के ठीक पहले यथावत डाल दे

<!-- Yahoo Smileys by hindi4tech.blogspot.com Code Start-->
.h4tsmile {
    background: none repeat scroll 0 0 #EFF5FB !important;
    font-size: medium !important;
    padding: 10px !important;
    text-align: left !important;
    font-weight:bold !important;
    font-size:11px !important;
}
img.hindi4techsmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}
<!-- hindi4tech.blogspot.com Code End-->


Step 2


  • अब अपनी ब्लॉग templete में ctrl+f कुंजी द्वारा </body> कोड ढूंढे
  • अब नीचे बताया गया पूरा कोड यथावत </body>कोड के ठीक पहले डाल दे व Template सेव करे

<!-- Yahoo Smileys Script hindi4tech.blogspot.com -->
<script src='https://googledrive.com/host/0B9BypLLMMzvOV3VBRFlaanc2VlU' type='text/javascript'/>

Step 3


  • अब पुनः अपनी ब्लॉग templete में <div class='post-footer-line post-footer-line-3'> कोड तलाशे
    • <div class='post-footer-line post-footer-line-3'>
    code...
    </div>
    </b:includable>
  • यह कोड आपको अपनी ब्लॉग templete में ऊपर बताये अनुसार प्राप्त होगा ,, यहाँ code की जगह नीचे बताया गया पूरा कोड डाल दे

<!-- Yahoo Smileys by hindi4tech.blogspot.com Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#FEF8EC; border:none; width:100%; padding:10px; height:100px; overflow:auto;'>
<div class='h4tsmile'>
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!
</div></div></b:if>
<!-- Yahoo Smileys by hindi4tech.blogspot.com End-->



ध्यान दे : अगर आप Smile's का उपयोग Comment के साथ post और sidebar widget में भी करना चाहते है तो नीचे बताये गए कोड को </body> कोड के ठीक पहले डाल दे..

<script src='https://googledrive.com/host/0B9BypLLMMzvOZ3F3cFJPWUFrVkk' type='text/javascript'/>


अब अपनी ब्लॉग template को सेव करे :)
प्रस्तुतकर्ता पर कोई टिप्पणी नहीं:
लेबल: , ,
सदस्यता लें संदेश (Atom)