--> Show Onion Emoticons in blogger posts | Experience Lab - Online business creation and development guide for bloggers and startups

Show Onion Emoticons in blogger posts

If a word can express thousand emotions then an animated image can express thousand such words. Emoticons give breath to your posts and b...

onion-display-pic If a word can express thousand emotions then an animated image can express thousand such words. Emoticons give breath to your posts and blog. No one today enjoys a post without pictures, videos and emoticons. Finding good pictures and videos is pretty easy today with image and video search engines but finding good plus different emoticons other than Yahoo Smiley is a tough job! Below I have shared some of the innumerable Onion Emoticons created by Onion Club. All of these emoticons are animated and 50 x 50 pixels in resolution. you can find hundreds of them at Onion Club.

Some of which are shared below,

3c68bb64 154218d4    big-black-eyes  byeCome forward baby   hahaha-2 hahahahhahead-down-oh no-cryingheheh hero-hi hey-you-son-of-ahi HIDING-sword-at-backi m deadin-lovelet me thinkmamaaa-lyingmama-running-cryingMay I do that punched  seeing-resultshocked-red-arrowshytaking-baththk you thk you-big teethwhat-question-markyeh-big-nose-geekonion_gifs_emoticons-25 onion-head-emoticon-26 onion_gifs_emoticons-13 onion-head-emoticon-1 onion-head-emoticon-3 onion-head-emoticon-10 onion-head-emoticon-11 onion-head-emoticon-12 onion-head-emoticon-13 onion-head-emoticon-15 onion-head-emoticon-16 onion-head-emoticon-17 onion-head-emoticon-18 onion-head-emoticon-19 onion-head-emoticon-21 onion-head-emoticon-22 onion-head-emoticon-24    onion41 onion68

Methods to add Onion Emoticons or any other emoticons shared at “TNT by STC” to your posts


You can save these images to your computer hard drive by right clicking an emoticon and then selecting “save image as”

Now whenever you want to add an emoticon to your post, simply upload it just the way you upload an image in blogger and add the emoticon as an image in your blogger posts. The good thing about this method is that it’s pretty easy and even a newbie can do that but the disadvantage is that uploading the emoticon using blogger will make the image still [ blogger editor don’t let the image animate] So you would need Windows Live Writer, which is a best editor for writing your blog posts in a more professional style.


Upload all of your Emoticons to your Photobucket account Or simply to your blogger Picasa album (I mean create a simple draft post as a backup for all your images). Copy the URL of each image in a notepad. Now whenever you write a post and want to add an emoticon next to a text or anywhere you want, simply use the code below,

<img src="URL of your emoticon"/>        

If you want to add a title for each emoticon which must appear on mouse hover (Hover your mouse on this emoticon –> fingure-in-nose) then add the code below.

 <img title="TITLE of your emoticon" src="URL of your emoticon"/>        

IMPORTANT:- Remember to replace the text in green with the required detail.

If you want Search engines to crawl your emoticon and bring you huge traffic! then enter the code below,

<a href="URL of your emoticon"><img alt="Describe your image here" title="TITLE of your emoticon" src="URL of your emoticon"/></a>       

IMPORTANT:- Remember to replace the text in green with the required detail.

If you think Man that is pretty hectic! then Jump to Method 3

Suggestion :- I prefer method 1. Use Windows Live Writer to attach emoticons to your posts.


Method 3 is a cool method I learnt from Kang Rohman This method works only with Mozilla Firefox Browser. Don’t have it? Don’t worry it takes seconds to download and install it. 

Follow these steps,

  1. Open your Mozilla Firefox browser

  2. Install an add-on called Grease Monkey

  3. Once you have installed Grease Monkey, restart your browser

  4. Now you need to install a JavaScript that will cause Onion Emoticons to appear in your blogger editor. Download the JavaScript For Onion Emoticons

  5. Now Sign in your blogger account and go to Settings > Layout > Edit HTML > Click Expand Widgets > and search for ]]></b:skin>

  6. Copy (Ctrl+C) and paste (Ctrl+V) the code below just above/before ]]></b:skin>

img.emoticon {
padding: 0;
margin: 0;
border: 0;

    7.   Save you template………Done!

When you sign into your blogger account using blogger.com and not draft.blogger.com, you will see Onion Emoticons appearing in your blogger editor (In compose mode) just like this,

Onion Emoticons

I hope now your posts will look more lively bye

Please feel free to ask any question in the comment box below.



Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,4,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,3,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
Experience Lab - Online business creation and development guide for bloggers and startups: Show Onion Emoticons in blogger posts
Show Onion Emoticons in blogger posts
Experience Lab - Online business creation and development guide for bloggers and startups
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy