2 Add smileys/emoticons to your blog comments

Posted by : Prinxess Rabi on 23:32

“Add smileys/emoticons to your blog comments” because it gives a very much friendly and Fancy looks to your blog. I am introducing this feature to you, because Blogger don’t offer this feature in the comment system. Now it will make easy for you and your friends to use the smileys/emoticons like Kolobok in the comments box, so that you and your readers can have enjoyable good time together. By my script you can add two styles of comments, one with reply option and other without reply option.
Add smileys/emoticons to your blog comments 

Features Of Auto Read More Button

This script offers certain attractive and specific features as
  • 1-     It shows the comments with reply option
  • 2-     It shows the comments without reply option
  • 3-     It is complete threaded comment system
  • 4-     It shows “thumbnail” too
  • 5-     The script is very much “easy to handle” with simple coding.

AHow To Add Smileys/Emoticons To Blogger Comments


STEP 1:

Go to blogger dashboard
Go to Template
Finally go to Edit Template
opera orbis: edit html template pic

 Must make a backup before making any changes.

Add Attractive Recent Comments List Widget


STEP 2:

Click inside the edit template box, now press CTRL+F keys and search this code:

</body>


For comments without reply option

Copy and paste the below given code just above </body>

<!--kolobok-smileys-->
<script src='http://operaorbis.googlecode.com/svn/trunk/[operaorbis.blogspot.com]smileys.js' type='text/javascript'/><noscript><a href='http://operaorbis.blogspot.com/2012/04/how-to-add-emoticonssmileys-in-blogger.html' target='_blank'><span style='font-size: x-small;'>Add emoticons</span></a></noscript>
<!--kolobok-smileys-->

For threaded comments with reply option

Copy and paste the below given code just above </body>

<script src='https://operaorbis.googlecode.com/svn/trunk/kolobok threaded.js' type='text/javascript'/>

If you are using threaded comments system, then ignore step 3 and4

Off Page SEO

STEP 3:

Now find this code


<b:loop values='data:post.comments' var='comment'>
Paste the below given code just above it


<div id='smileys'>
STEP 4:

Find this code now

</b:loop>

Paste the below given code just below it

</div> 
STEP 5:

Find this code
For previous comment system (without reply option) 

<data:blogTeamBlogMessage/>

if you find the code 4 times then just replace the 2nd code

For threaded comment system (with reply option)
<div class='post-footer-line post-footer-line-3'>
After this add the below given code

<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>
//<![CDATA[
function moreSmilies() {
    document.getElementById('smiley-more').style.display = 'inline';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()"><div style="font-size:small; font-weight:bold;color:#000000;">Hide Emoticons /<a href="http://operaorbis.blogspot.com/2014/07/add-smileysemoticons-to-your-blog_27.html">Add Emoticons</div></a></span>';
}
function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()"><div style="font-size:small; font-weight:bold;">Show Emoticons</div></a>';
}
//]]>
</script>
<div class='emoticons'>
<span id='smiley-more' style='display: none;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ4Z9x22nVH6mNU34GhQ0q8HFj589vmGmDglMbjYEjNyV1BxBrBNIGTj6i_2D8_WmLhCWnwDn6GVIChhspJlBkv64H2ZaCefb8A6DJjo8IiKXnlHFFx-VOPgd8G-L_xHMqzUOKFaSYZKI/s1600/smile3.gif'/>:)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgijEDPHk5kkItSrTwHO9kuA_kkrRT_mCLOZ9ndB3Pek998Sp8VfA9QMawuxrVqqLxXpg2HRm9MDnicDqntGmpyPkDRGqysIQMX8VQsOt8w-eo0mPBeRMrv-Sw2gFGrsoELcHUNccQf6kU/s1600/sad.gif'/>:(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm7seKXrO40_QCQEhALgRn3MreGhZ2961JPFzNtt26r1GeUk_u7VY80201ZGKsd4zQTdM6a0zBBXsfvSQYnC8QLpVSBvFKOhR1eEIwdQJCd7L1eKKD7tKIjCjXNO2rksVCqDhvh7x0ZPE/s1600/taunt.gif'/>:))
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTb_YDMXx23EtjNnDL1gW8_PWhRsxDqjacfMtJMHN-gmSelDrIj2KPTZ6hwXatvf2UFTSUoe_Y_Gkf0Bui8jKdcaZlzLyF4hRVMzsTi73roGq_7iLr3Fwkq8JqxWAaDUIoIt_j9jKAIlU/s1600/cry2.gif'/>:((
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYaii9riWahv4twW40h_rBgejnGjXQHVjAfeqCrS9Zekw8ft-i9WLPVn47ZecdCOoiy4e4SzmhoJhBPXPITim67Oxwxeces7BUs5kHsxRUYRHZFBUlkhkcGmwB3bHWMNDqu5hyphenhyphenIuvvP4w/s1600/rofl.gif'/>=))
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIBT-5eTfyyZ0-Ty8hZrOXHnQt3LBSPbRVJzqjhmKm_6vAtt_R0dRcj3QJS-0ALudMgo00THG_cEMSyCsYQzRA6d6_Lo5gniPHRqb7ptEWyMSeo2jTAxLsFY0-KgwgJeqJixyis_28jjY/s1600/suicide.gif'/>=D&gt;
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipQWmLLyiPRkojARvdWGAFiDFSMGJNQ8RnGZt6idiLx5ZCs8uG1QwmaiDd_r5vDD-zaMZR29P5-qggx7em1M4VM5aWEJE35Si_U5tSTV63gxni1fF3bB0-1FVaO4pFUxPYwYHpxh2WTwU/s1600/biggrin.gif'/>:D
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrFkBCli_Vgvmk-3GbdXLleo_Sjx4QqDq1wet9lBCNUE2uMF8itnVfNOs0sFlOLA2OZo1Faper9Lhyr5V4tzD8kKXV7l3l9N9MMQOKb9ebzxasud585hHHpbQGmvAT1VagCqKHCTp1EYI/s1600/tongue.gif'/>:P
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7anm-cCwjGUBMRWVJbOQnyfrnozo_8zl2gSZpxZsibmh2kzEfAhjFMT_VDDY7C2z3Q8esSJO2yTZxAAiA0nWhxMn7Vd0VVPSN2-NAUYF0ACAKXAvnqLyKymbGbiGGFJltmRTdZJPUfW8/s1600/shock.gif'/>:-O
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpE9ceZN2BJJBAPpL6TT1lcsYkuoTWh8gbKWrXzDQOaD-A2dVgdVhSqCe6-T2SNUv3OQBpJXfionEwktGERe42nHaw16Xk1KUtPN5CCQbIOxR4r05KJl3WgMFF7KNqGxH35oJNmX3HzWU/s1600/think.gif'/>:-?
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9nDQdRRnkf9gbC27rGDK2UKLENcgs9NNkQ9dqMlzs6fiATTSVvOcP041Qtm43nuUGCSJombNlTRusiL0iahoWZdBrJLnGof8uwqacKFTu0xGK4IBLGdCLCIGOOXcbMElUfhbV54mSKLo/s1600/unsure.gif'/>:-SS
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilYmBIrzGF9zGurGVsRnu5osl055thNBmqZMhLoBeQN6gOxncNBqLywk5bsTSVw1zvbD0faVzZj2V09pKAMK8GKtBvhvpHGx0GpaxDsNx1zNBpekRiJy0dRbGi4dR-oKl0oBI_zHfVUaI/s1600/flowers1.gif'/>:-f
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdIKsALVAPMERoQyy1X5tk79wUFgZm27sKuFpHFjv4EjP0g6znql2IzoL-miLhgXVXm4FdrovZgHPIqaxU2lC5__leUcQ0DjVPV1bGmadsWMuN1PJvsnCsc_bJHvRfWwb7zqPv3Cvdvi4/s1600/doh.gif'/>d(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Covj2U7VvgJJwFTbkpilMo6QdETjQB4NEaFxCW_kQwvj55l5SrtT4qRK0ZIxZZP2DqBpL1fgCz4JpZp4v0v_cOvIKqocMN7nvB0q1ehGH4uotdzaBn3qOpmreH6yu8NwHVR9JijM6_w/s1600/air_kiss.gif'/>:-*
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHrfHwVIT2IvscWzAnL1oqD4icQK658EiMOHOv6RMg5kGgXJiWmPeZJ_ZG5jRIS5lxXekZKZuZJyMgKS4fEsmc0YZE8nZ4_dlDP8RFqRRDFU7mWP5FSie1a0Kn1V0jJ1e4W8waSJ1VOrg/s1600/threaten.gif'/>b-(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCh-pIgXIC8-RT8M013dlPyLYbtqmY2giE6BUDCs5WWN00lAjNSsLFDQtMgr46k4boczfaT-JWEeI-UQI1H6IrMXNS8HBumwaPiV6ltoLeJDrRtmv6-vvgTaY4kwm-2sNZBtNi4hU002o/s1600/help.gif'/>h-(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcBKZQyJ3_cxrBqw52tio9d5B7qsU1oItYXTpItXZkWsiyuvy1EqiTJXYh1iNWdetFJ7x80sk4Tx4x8kleFc75Kf74PxUvMn8G7i807m1gXW2B20ndEg7GEtBeozynSfJWSdtezajD5TM/s1600/good.gif'/>g-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdSuANbD_x0p4FqF8_M5gi8a7NjMEYm0BSuJFiznVz60zg8CRrSQ1HlH3AYOnJkDtYGkqpqJJZ7I6MlCxjAPtbo2WaR-1Ge2bsWBaYoYJbQWU7-uD8WOQYwPhd0nfhJHl8UlLNSn25ZtQ/s1600/beee.gif'/>5-p
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_DnIOPXcSy26AmyYTpBH_3G9eZG4FqpwUws_goO5b-39-FJS8MkpBvNhkHtB-sXkLgy5hXJAMbbgYVCk2lcfVKAH-2SWBRyjUWC1hVneLkuQIUGx60IsVTF147vNLkY5WCMRwdhUlsnU/s1600/yahoo.gif'/>y-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHHfscc-mF0C0-ow_MGYY0fqZZ0IpaTvL9vh00otj3jC-OtAQH77GBrmCX7OdrWgE4fOaw5dFwwuLMFXf2LpuTZI_519s-ZJ6h401HWPS3_kJ1dTxS9J9dVWXUlFLx9OjLFkSLlLrCNnM/s1600/crazy.gif'/>c-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU838E2BNzhOzl8EFEmpO1W2qsa3k7r6GOjDTy4BMn12GBHgssNXFLnogClpcnkyhiCS6tbwQHbohDv7fkMnaGhLkTv-hsk6T-7Zo7s5R5ZeJQNwdS3JvGFQABpgKbYFqPLUDUKqyCpCE/s1600/spiteful.gif'/>s-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-PE2GFZNIdcFj713yTysX7rTx5oLCAiGE4zGTnhztwHDe4tB19OsG8GwL2aD1LsM9HzWHmsP9Id_cFW9WE_MpNxdqWOrnrxUZLo8Rc7wmx3b6WxuVPfJRZnf11dFTl5ucCnX3bNZOKYU/s1600/drinks.gif'/>d-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfJRWSe0Awxv2TnRNAo-BEy-rkWtpf5z3nx4gNezhtzWCum0Mbc0f1-oOd_m42rpXqaJ-Aw6utBmbKD9uiscABxYu6OxzIa-5v2fIZy_51ZCP91HaChVFHgX5i1WZ1hl3C8KLhbfBgOBA/s1600/cheer.gif'/>w-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCeqGIv_lfO0xuWYILbRLNZ3MciTJxhOZ6F87Vjawzfic6FkwR7Ot0MzimD4ukfjAUl1nE5OthqNbNODseQN7JbewtIbC0wCzYt5AHWvxuHC3sypnEaaUt3FnJvgEbdFx7X8AYswuGJhI/s1600/hi+2.gif'/>:-h
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdJ_J3b4w6yuihByifH904kY3aNOEY0vlQSZxSm4rdPJevJbwduqyls7eBIxYRR4sf3heue3ynCWgXG_YnL47CfrQz5qcZAKoILA5bwTXXgu06iz2WnG-fcuG3xQAy7kqwI6_rmI9dVcM/s1600/give_heart.gif'/>:X
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()'><div style='font-size:small;font-weight:bold;'>Show Emoticons <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ4Z9x22nVH6mNU34GhQ0q8HFj589vmGmDglMbjYEjNyV1BxBrBNIGTj6i_2D8_WmLhCWnwDn6GVIChhspJlBkv64H2ZaCefb8A6DJjo8IiKXnlHFFx-VOPgd8G-L_xHMqzUOKFaSYZKI/s1600/smile3.gif'/></div></a></span>
</div></b:if>

Ignore step 6 is you are using threaded comment system
 
STEP 6:

Now find this code

]]></b:skin>
Just above it, add this code given below


.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;width:400px;} .emoticons a, .emoticons a:hover {margin-left: 20px;text-decoration:none;}
 
Customization
 
Now customize the code according to your needs as
  • 1-     To change the size of smiley, edit the code value 400
STEP 7:

No click on “SAVE TEMPLATE” button. Congratulation! That’s it

comment box:opera orbis

Choose Profitable Niche For Blog/Website
 

My Closing Words

“Add smileys/emoticons to your blog comments” is very celebrated and helpful feature to administer the skilled look to your blog/site. Now a day’s it’s considerably in. Hope you may like this. For additional help associated with any application simply write below in comment. I'm here to assist all new earners and bloggers here.


Related Links:

About The Author :

Prinxess Rabi is the founder of Opera Orbis.The blog helps the users to discover new relevant content, services, apps and brings the news that matters.Prinxess Rabi can help you in Blogger Tricks, Blogger Tips, Blogger Tutorials, Blogger Widgets, SEO Guide, Make Money Online, CSS, HTML, jQuery Tricks, Essays Writing.If you want to know more than follow/contact her.
Previous Page Next Page Home

Comment Policy : We are pleased to see your comment here. However, Please Keep in mind that all comments are moderated manually by humans according to our comment policy all. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and meaningful conversation.

2 comments:

  1. Anonymous2 August 2014 at 04:23

    helo dear can you tell me about the numbered comment system.

    ReplyDelete
  2. Technology30 March 2021 at 09:09

    Wonderful illustrated information. I thank you about that. No doubt it will be very useful for my future projects. Would like to see some other posts on the same subject!
    essay writer UK

    ReplyDelete

We are happy to see your comments on our blog! But if you do spam in comments then we have rights to delete it permanently. Let us make good conversation.

Subscribe to: Post Comments (Atom)
.