Skip to main content

How To Add Smileys/Emoticons In Blogger Comments

How To Add Smileys/Emoticons In Blogger Comments: In this Article you learn how you can add Smileys/Emoticons in your blogger comments. With Smileys/Emoticons Blogger comments looks more Awesome and user love to write comments with Smileys on your blog. So Adding a Smileys/Emoticons is looks more user friendly. so now we will tell you how to add Smileys/Emoticons in your Blog. People are addicted to use smileys on social network so they feel comfortable when they publish comment on your blog. These smileys same as Facebook Smileys.
Comment should looks like below Image.
Comments Box
How to Add Smileys/Emoticons In Blogger Comments: Just follow below tutorials to add comments Smileys/Emoticons  on your blog. 
  • Go to Blogger Dashboard  -> Template.
  • Click on Edit HTML.
  • Press Ctrl+F to find </body> tag.
  • Paste below code above the </body> tag.
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
<script src='' type='text/javascript'/>
  • Now the next step is fine the code. ]]></b:skin>
  • Copy below code and paste above the ]]></b:skin> tag.
.emoWrap {
/* 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;
  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);
.emoWrap:after {
  border-top:10px solid #860000;
  border-right:20px solid transparent;
  • Now Press Ctrl + F to find the </head> tag,
  • Paste below code above the head tag.
<script src='' type='text/javascript'/>
  • You Smileys/Emoticons Installed Successfully. Just click on Save button to save the template.
Hope you like the post How To Add Smileys/Emoticons In Blogger Comments. and i hope you get the how you can install Smileys/Emoticons on your blog. so Must share this post with your friend and share your knowledge with other, don't forget to leave your feedback thanks.


Post a Comment

Popular posts from this blog

How To Add Breadcrumbs to Blogger

How To Add Breadcrumbs to Blogger: Breadcrumb is the navigation trail which tells about location on our site or blog to visitors. It tells readers, where (on which page) they actually are on our blog. it help to clear the structure of website to user also user can understand now where is he/she.
Breadcrumb navigation is used to create a user friendly website. Using it, readers can easily navigate to your blog by just clicking a link or few. Like in the below image, if you are on Step 3 (like: Social Media > Google Plus > Traffic) then you can easily come back to Social Media category by simply clicking on Step 1 shown on the breadcrumbs.
It also helps to increase your site’s ranking in search engines by adding keywords into your blog posts.
Adding Breadcrumb Navigation in BloggerNote: You must backup your blog template first before adding breadcrumb navigation in your blog.

Now follow below steps to Add Breadcrumb in blogger:
Go to Blogger Dashboard > Template > Edit HTMLNo…

How to Get rid from a Facebook Virus 2015

How to Get rid from a Facebook Virus 2015: In this Article we tell you how to get rid from your Facebook virus. We tell you about Facebook virus in more details Actually when you see nude or porn posts you click on that posts this is the virus of Facebook when you click on the picture the virus is installed in your account when you login from your Desktop Computer or laptops and even mobiles this virus is automatically share with your friends or when you logout from your device that virus is automatically post on your wall and automatically tag with your all friends. Basically There are two type of viruses on Facebook. First one is automatically install on your browser cookies and when you login your profile it automatically share with all of you friends.Second one is when your click on nude pictures its automatically save on your apps. basically its an app which is share a specific kind sexual link. when you login your profile it automatically share with your friends. How to get rid f…

How to Delete Gmail Account

How to Delete Gmail AccountPermanently Immediately now. If you delete your Google Gmail account permanently then you are unable to recover your deleted account. You are unable to delete your account without the password. You must login to your account before the deletion of the account. There is not any method available which will help you to delete your account temporarily if you delete your account once then you are unable to access your contact, message, as well unable to recover your account. Google is the well-reputed company and everyone have the Google account. Google has a great high-speed server which always up and rare chances of server issues on their end. so everyone loves to use Google Gmail account for their daily Email. They also allow us to send more than 100 MB file from email. If the file is too large they Google automatically save our sent item file on their Google Drive product. Why Do You Want to Delete Your Gmail Account? I know you are not feeling secure on Goo…