Add Smiley Emotions On Blogger Comment Form

;
We might Have seen Emotions In Differnet Social Networking Sites like Facebook, Twitter,
LinkedIn And Much More. We also have seen it in Blogger Comments. It helps to Impress the author of the blog. We can share our ideas regarding the blog in animated way using those emoctions. So, in this post, we will be discussing on Adding Smiley Emotions. You Can See the LIVE DEMO By Clicking On This Website:
LIVE DEMO
Or, You Can Have A Look At This Picture;

Now, let's Add This. Follow My Steps To Get This;

• Go To Blogger Dashboard
• Click On Template From Dropdown Menu
• Click On Edit HTML
• Find This Code </head> Using CTRL+F
• Now Add This Code Just Above It

<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.BSemoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script src=' http://bloggerspicebd.googlecode.com/files/BSEmoticons.www.bloggerspice.com.js' type='text/javascript'/>

• After Pasting The Code, Find ]]></b:skin>
• Paste The Cide Just Above It

/*Smiley Emotions Widget By www.bloggercruzer.blogspot.com*/
.BSemoWrap {
  background-color:#fff;
  width: Auto;
  border:2px solid#000000;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
  padding:10px 14px;
  color:black;
  font:bold 12px Tahoma,Arial,Sans-Serif;
  text-align:center;
}
img.emo, input.BSemoKey {
  display:inline-block; /* Penting! */
  *display:inline;
  vertical-align:middle;
}
input.BSemoKey {
  border:1px solid #ccc;
  background-color:white;
  font:bold 11px Arial,Sans-Serif;
  padding:1px 2px;
  margin:0px 0px 0px 2px;
  color:black;

• Now, Save Your Template
• View Your Blog

If You Have Any Problems regarding this, Comment And I shall be helping you. Happy Blogging!!