Thursday, June 11, 2015

How to add emoticons in Blogger

If you search for HTML codes for emoticons so that you can use those HTML codes in your Blogger posts, you may find various websites giving you the codes. However most codes would not work with Blogger such as
1. https://code.google.com/p/emoticony/wiki/Emoticons (looks promising as it is from google.com but didn't work out
2. http://character-code.com/emoticons-html-codes.php (some supposedly works with Safari browser but my Safari for Windows browser could not interpret, perhaps Safari for Mac may work but I don't know since I don't have a Mac computer.

The one I found:
3. http://www.freesmileys.org/smileys-taunting.php
gives you HTML code to use with Blogger post editor in the HTML mode
but as tested at Testing emoticon codes for some reason didn't work with Blogger post editor rejecting it as
Your HTML cannot be accepted: Closing tag has no matching opening tag: A

The way around the above problem is to
Method 1:
Copy their emoticon URL then use the url in an img tag like
<img src="emoticon url" />

Drawback will be your emoticon will remain as long as that website remains online. If they remove that emoticon, your emoticon will become an empty box

Workaround. Copy-paste their emoticon URL into the browser address bar. This will display the emoticon on a webpage. Right-click on the emoticon, select SAVE IMAGE AS then safe in gif format in your computer.

Open Blogger post editor in HTML mode, click the UPLOAD PICTURE icon from the toolbar, select the newly saved .gif image, then upload and publish.

You can see some result at Testing emoticon codes

1 comment:

  1. This comment has been removed by a blog administrator.

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics