Last Updated:
Add smiley emoticons in blogger comments

Add Smiley Emoticons in Blogger Comments

Mostly I have seen such Bloggers like to have emoticons in their Blogger comments system, and I also like it. Because it shows to Blog Author that how visitors feel after reading their article or post means it will it will rate our Blogger post how is it? Hope you have also read my previous post How to Host JavaScript CSS files on Code.Google.Com if you not you must read that one. Now its time come on the topic so we are talking about How to Add or Install smiley emoticons in Blogger Comments.

Add smiley emoticons in blogger comments

You may Also Like to Read This:-

  1. Image Hover Social Media Sharing Plugin for Blogger
  2. Five Free and Best HTML Editors
  3. Top 10 Social Media Widget for Blogger

Check Smiley Emoticons Comment DEMO

How to Install Smiley Emoticons in Blogger Comments

First of all go to Blogger Dashboard
Template (must Backup Your Blogger template) >> EDIT HTML
Click on the format template button and copy this given below code and paste before ]]></b:skin> 

Now find the closing </body> tag and replace the </body> with the following code

 Here are the samples of smiley emoticons which will be shown in comments.


 :)  :(  ;)  :D  :-/  :x  :P  :-*  =((  :-O  X(  :7  B-)  #:-S  :((  :))  =))  :-B  :-c  :)]  ~X(  :-h  I-)  =D7  @-)  :-w  7:P  2):)  :!!  m/  :-q  :-bd  ^#(^

Now we have to move on next step
Find the <div class=’post-footer-line post-footer-line-3′> in Blogger template
Below there now find </b:includable> and paste the following code above the </b:includable>

It will be

<div class='post-footer-line post-footer-line-3'>
Your code

This is the code paste as between the <div class='post-footer-line post-footer-line-3'>
and </b:includable>

Save your template and check out comment system.

Cool Widgets For Blogger

Send us feedback for this by replying in post. For getting every update in your inbox subscribe us via RSS feeds.