SEO Search

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Saturday, 12 May 2012

Add Facemoods Emoticons To Your Blogger Comments

Posted on 14:52 by Unknown
Here are some amazingly funny emoticons compatible with your Blogger comments - also with threaded commenting system! If you want to know how to add them, just follow the next steps:

emoticons, smileys, blogger, tricks
DEMO

Step 1.

Go to Dashboard - Template - Edit HTML - Proceed


...and select Expand Widget Template (don't forget to make a backup)

    Step 2. Search (using CTRL + F) for this code:

    • For previous commenting system: 
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    • For threaded comments:
    <div class='post-footer-line post-footer-line-3'>

    Step 3. Add the below code just above it

    (for threaded comments, add the code after):

    <b:if cond='data:blog.pageType == "item"'>
    <div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkzkQ7phkytmz909LbUaIHK2t2k1t1S6aRh7ZJYQqFZpxh8_tmfQ8wtSoq95309OkHGES8nDAg3ha2iYAzk8YZFllUvc-3CaBX1O2XHzJOCSM66Uflmprc7y-XmFp224F7xljDnj4OAJUf/s1600/helplogger.blogspot.com(1).gif'/> :a
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9jv4qckweoH2ws2d3jwdGYCkr1e_tIYWVALVonTZzB0oOU2SHUeEfcx0kdgurre9NoEEJp9yvJPH2DQJKnBiR6L3W_LIVkEg7uas4YLyAVpnnSZd5ngYVnz7YcDnlhQxvJEsIqct7Nc0N/s1600/helplogger.blogspot.com+(2).gif'/> :b
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKLUBi3bvcGf1flgaPcbETyUiK8xr-sm5V70Ug0bNxVQg7aGPXKk4Pl3QFiIkYBvRVpe6OuKQfURPMFNkHCQo8G1IKMLpTeJU7oTILQmDhssCP0DW49tlBiJRZnVOat2ZoQ8RUm43rdky/s1600/helplogger.blogspot.com(3).gif'/> :c
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoMDGSy1Vw966_mNcI2fjc5AI6S_T1APs3X12O-jNQjhX-RpGVMz6nmWiHI1_uvpp4pwzufXSTr6Y9frEUrFaPJmRL1oVNf3YFUM6FSgY8CN5eGnRhWa5WE3qH3fzBQArGdICpruNMXlij/s1600/helplogger.blogspot.com(4).gif'/> :d
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFXSZuCxygZQWHElSv6bxLTX-JziAV9qK6Xw05as48OwJGg15N2rao7hM3kGKvXIIIQBSpjR4D5hISHZwJvTlyhOvVRWG-DIgziQ07KerMrZHkuf2aVKtfUTNyd3vjH5PePsNqI1A4qIXc/s1600/helplogger.blogspot.com(5).gif'/> :e
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidxIGR4g1ebFnILerCUzr6ZAQKAoASoovQBz1-vR5Z8NXtIWRnEXbMwbwp4e1imjOklGO-h6-sAnC8bq7TAyrJOX2iFdf-viXxUE5m7nCG4IEs5ele00T1SGQmYFhyhHyGJuUzUo1ByKb4/s1600/helplogger.blogspot.com(6).gif'/> :f
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcGJJFHs2WWBPtykEAnALTHZlYynaqVJXRBxCH8lQ3ldufx2qd9xq8JG4mvbR5NJ6Z00VtYd0pDADAhM0jslGFVYc7p3FPz1hfyGXdySnpodiHHzLExvh_SS4_IoNg4C46J13CTj6E40aF/s1600/helplogger.blogspot.com(7).gif'/> :g
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW6MO1a-ppxjN_J5Ow0QzSYW1TBuBxMqxRZR4j2YuhEZk4dca1WDHAiN7NYHdWe5YPwzr9OmB9aTBDEcN8a8Gxvjekx0WLmv7BMTlHfdRt2O3I5cJWf8XQABp3reAdLLjIHJ27yO0Yefto/s1600/helplogger.blogspot.com(8).gif'/> :h
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeLLYmWwKcJoIiapgxw6sLe7sjPYcpsjoealmQoZoIAjGRHp8fj584kAczNMyHC9dgzj8ZI-d_S_OEBPOvTfwneDC9Qd0eR7-nzT7bkTbKR4SGQ1A_ZJ29Gv9mVZtSO8W3RwA1l97CGXZ/s1600/helplogger.blogspot.com(9).gif'/> :i
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSvnXWftpCZyeRl7ZE7qNJl4ihfU9OB_xGG9Eo1RY6ggPuhoB1bDjaIdLU5rwsAdS29u3grQ0iIlhcypyyXsbE7xKzk8jeWY06ptGfM2LNlOLH1WVY8NwMC-z90d6DjD8TdmV5uGMxYyW-/s1600/helplogger.blogspot.com(10).gif'/> :j
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIebxfAo5DZeRph-T631s_1Jfzrv9623u4BMNOlPUJiqCFYzKNb8vTfdAswOVyvF1pBMNzUAcNnvSqoyiM1ZDYwictPc3xwOzp4qAoz5xHyTF_AcxrBnkWpE0BjbCIPnP02IqkSEiplDfu/s1600/helplogger.blogspot.com(11).gif'/> :k
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM73_H2Ug4ZYRMKoAGJt5MRj-cfNTUOO_VqqWznLFsBxUOuXsbfQpHxlY-EVXwXnrGjk6r63LjLMZRtwjMWnvl2pFRTS0tlQZvIOkN_ZOD1xl4G98HwBH-cHjMvSpyPouEeNWgSh2Mbbyl/s1600/helplogger.blogspot.com(12).gif'/> :l
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWAs8FcBFuTYYhBYWOnlzkNM7TykQ2vX5A4zxd-FqouuDKj4YjNfMH1dIRwzaqy3OaSllqNpn_Jv6PSd5frbooTlvV4jWpHnrB7JnZIWPMDuDJxATqBuDNoDVL-az7EAahFy6Sjt8CEg3C/s1600/helplogger.blogspot.com(13).gif'/> :m
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3D2aSkZlA3LyeSnlXYsWstqTEXpHA-ZuHF_mD3ybM-PfPFMKBay8BEmcqPjPFAaFq-1BPwEDz_GZ3qjQgK_Z3Eu0rbVPTX-lSvPiBLxmr6zKMwCPuzWwtRu3Slv76Y7HTedJBAp0PZfT/s1600/helplogger.blogspot.com(15).gif'/> :n
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTsGzGGBFi4asVvyEvpULhmy6Z0hv3l6-1CnJt3lZ1P_CfJg0ky7uM018D8aUYF1rSVfrjQhNL6qllh_AMsHlafuR0uAeaNcn4JIMKZ082oLI4RaqSf9kHghWM9kGMbPgQ6Z5x8lJsmcHJ/s1600/helplogger.blogspot.com(16).gif'/> :o
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi28YtfhUhQFOlCrMWlvUCAxuNaIHqT2yB2PJHC1cZ6K2qwp_vBp6WkCJPodLFgX_3PYAZ3Ue-vNTw7m6z5Iz3vgtlI15QwZheQyKQ0ZUZSq-RLUTjhX4shUanBfDPC-DUfYC6QyNgJvOdI/s1600/helplogger.blogspot.com(14).gif'/> :p
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9W-B6VSupTFsJ2TtGPY_Uyth4vkXUSHpgGKVFAnUWJW-tXtzqDdzOKYw8_XRuoOJ26OuWGe-wc28TSU_04ITxdwQ18-GgmmBlIK5EjkHqD82ObSjQCxH2W3r9bNS6WVfZZl2klGF5Diia/s1600/helplogger.blogspot.com(17).gif'/> :q
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONeb_4RXpX7RMaZ1MPiUGwhMa_OhL0-CoHG0SwdJaVr543nQv_FcMoUm3SoQGGrwJ19xiJtm9diMf-JLpFoLu9_bhUFcaC4-H4pHBHOAPy_Xhs88dIcESQEOI5gdelpItX7rwVxuLWGlD/s1600/helplogger.blogspot.com(18).gif'/> :r
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVb4CIdhvE_mnCP-UkqSI2XaSoUw-8ZlR3olk36fhnwIiDJYx58z75xcy7ZKN6ODrjl9P84CGlemXQ6lbZKxDB8w_tMS-3492UZRdQyQLDOCglFBGc3DTNLjr593xTxUUNhiZpZyFrSSJr/s1600/helplogger.blogspot.com(19).gif'/> :s
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-BGICOVIM5as_q1sbDAqpVgOa_F-41VaJWgdJ4FNj7WYlm4cJOhtWmS0jx9nyDBNNFPC-0J8VDJvrUrU4g1jbgPDGcAHxA0cBXnFDl9KSYCNCzgeTx6q-P5kqCC_j8eV8Z3jFi28-202g/s1600/helplogger.blogspot.com(20).gif'/> :t   <a href='http://helplogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html' style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to Blogger + </a>
    </div></b:if>

    Step 4. Now search for this piece of code:

    </body>

    Step 5. And add the following code immediately above it:

    • For previous commenting system:
    <script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons.js"/>
    • For threaded comments: 
    <script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons threaded.js"/>

    Step 6. Save the Template. Now, enjoy your comments!

    Email ThisBlogThis!Share to XShare to Facebook
    Posted in blogger, Comments, comments tricks, emoticons, Emoticons/Smileys, Widgets | No comments
    Newer Post Older Post Home

    0 comments:

    Post a Comment

    Subscribe to: Post Comments (Atom)

    Popular Posts

    • How to change Blogger "Post A Comment" Message
      In this tutorial i will show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, I...
    • CSS Basics. How to Apply Rounded Corners On Images #1
      This tutorial will explain how to change the outside border of any image using some simple CSS rules to make it round, but this is so easy t...
    • CSS Basics. How to Apply Rounded Corners On Images #2
      In the previous post I have mentioned that we will learn to round images using CSS, without needing to edit them one by one using a program...
    • How to Replace Older Posts and Newer Posts Links with Blogger Post Titles
      If you have ever visited a WordPress blog, you might have noticed that the blog pager on these blogs displays the actual post titles, not ju...
    • Making a gadget visible only to the blog administrator
      And the post title says it all. There are gadgets that sometimes we want to be visible only to us and not to our blog readers, perhaps a Sur...
    • Expandable Recent Comments Widget for Blogger/Blogspot
      This Expandable Recent Comments is a very accessible widget that can be collapsed or expanded through user interaction, so that now, we don...
    • How to Add a Widget Below First Post in Blogger
      This tutorial will show you how to make a gadget/widget to appear just below the first Blogger post. First, you must understand that the usu...
    • Google adsense optimization tips
      What is Google Ad S ense?  Google AdSense is a free program run by Google that allows you to display Google adverts on your blog/website and...
    • How to Burn Blogger RSS Feeds at Feedburner
      What is RSS? A RSS (Really Simple Syndication) feed is a XML-based format for your content. Most blogging platforms, for example, will have ...
    • How To Remove Blogger Attribution Gadget
      The Attribution gadget is the gadget in the footer that says "Powered By Blogger". If you have tried to remove this then you may o...

    Categories

    • adsense
    • adsense optimization
    • adsense tips
    • Auto Video Template
    • avatars
    • blockquotes
    • Blog Design
    • blogger
    • blogger posts
    • color code generator
    • Comments
    • comments tricks
    • css
    • emoticons
    • Emoticons/Smileys
    • Facebook
    • feedburner
    • forum
    • Hacks
    • how to
    • how to make a blog
    • Image Effects
    • internet
    • jQuery
    • labels
    • menus
    • Navigation
    • navigation menu
    • popular posts
    • posts
    • read more
    • recent comments
    • recent posts
    • related posts
    • RSS
    • SEO
    • sitemaps
    • slideshows
    • social media
    • social media plugins
    • static pages
    • Templates
    • threaded comments
    • titles
    • tools
    • translating
    • webbligi
    • Widgets

    Blog Archive

    • ►  2013 (57)
      • ►  November (4)
      • ►  October (16)
      • ►  September (13)
      • ►  June (3)
      • ►  May (4)
      • ►  April (5)
      • ►  March (12)
    • ▼  2012 (73)
      • ►  July (1)
      • ►  June (3)
      • ▼  May (9)
        • Add Floating Social Media Sharing Buttons To Blogger
        • Create A Rollover Image Effect (change image on mo...
        • Add Facemoods Emoticons To Your Blogger Comments
        • How to Change Default Anonymous Avatar in Blogger ...
        • How To Change Avatar Size In Blogger Comments
        • How to Hide Blogger Sidebar to Display AdSense For...
        • Show Blogger Image only in Homepage and Hide it in...
        • How to Remove Showing Posts With Label in Blogger
        • Recent Posts Widget with Thumbnails for Blogger/Bl...
      • ►  April (23)
      • ►  March (30)
      • ►  February (7)
    Powered by Blogger.

    About Me

    Unknown
    View my complete profile