Wednesday, August 28, 2013
Tuesday, July 30, 2013
Display Smiley Emotions Above Blogger Comment Box
Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard
Step 2 Now click on -> Template -> Edit HTML
Step 3 Now Find ]]></b:skin > by pressing Ctrl + F
Step 4 Copy the below code and Paste it Before/above ]]></b:skin> and Save the templates.
/*Widget By www.bloggerspice.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;
}
Step 5 Now again Find </head> by pressing Ctrl + F
Step 6 Copy the below code and Paste it Before/above </head> and Save the templates.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<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'/>
Customization :
- If you found this code http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js then paste the code only this line <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
Subscribe to:
Posts (Atom)