26 Add Smiley Emotions On Blogger Comment Form

Hello Guys Welcome In SMD (Showmedreams) So Today I Am Teach You How To Add Smiley Emotions On Blogger Comment Form.So Follow My Steps.........................

• Open Your Blogger Account

• Click On Template

• Click On Edit HTML

• Now Find The Below Code Using CTRL+F

</head>

• Now Paste The Below Code Before </head>

<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 Now Find The Below Code Using CTRL+F

]]></b:skin>

• After Finding The Code Paste The Below Code Before ]]></b:skin>

/*Smiley Emotions Widget By www.showmedreams.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

• And Check Your Blog

Yipeeeeeeeeeee................................................

Please Leave Your Question And Comment Below

----------------------------------------------------------------------------------------------

Read More :
How To Customize Blogger Comment FormHow To Change Blogger Scroll Bar