How to add smileys in your Comment Box in Blogger
If you want to add smileys in your blogger comment box than this tutorial is for you people.To do this simply follow these steps :
1.Go to Blogger Dashboard
2. Then click on template in left side
3. Then click on edit Html
4. Then find </body> by using ctrl + f
5. Then Paste the below code before</body> tag
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
<script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
</b:if>
6. Now again use ctrl + f to find ]]></b:skin>
7. Then copy and paste the below code before this tag
1.Go to Blogger Dashboard
2. Then click on template in left side
3. Then click on edit Html
4. Then find </body> by using ctrl + f
5. Then Paste the below code before</body> tag
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
<script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
</b:if>
6. Now again use ctrl + f to find ]]></b:skin>
7. Then copy and paste the below code before this tag
Baca Juga
- 50 Ways To Make Your First Sale
- How to Set Phone Number To Change Password for Gmail Account
- To Chanage the Google.com url instead of google.co.in
- How to change Blogger Theme
- How to Add Image link in blogger post
- How to add stylish cursors in your website or blog
- How to add Related Posts widget in Blogger or Wordpress
- How to add floating facebook like box in blogger
- True caller kya hai? truecaller kaise kaam karta hai?
- Kisi bhi mobile number pr free sms kaise send karte hai
.emoWrap {
position:relative;
padding:10px;
margin-bottom:7px;
background:#fff;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Opera */
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
border:3px solid #860000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
font-weight:normal;
color:#333;
}
.emoWrap:after {
content:"";
position:absolute;
bottom:-10px;
left:10px;
border-top:10px solid #860000;
border-right:20px solid transparent;
width:0;
height:0;
line-height:0;
}
8. now again use ctrl + f to find </head> tag
9. then copy and paste the below code before this tag
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
10. Then click on save template
done enjoy.
Comments
Post a Comment