Blogger Emoticons: Replace text by emoticon images

Recommend this page to a friend!
  Info   Screenshots Screenshots   View files View files (3)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 125 All time: 379 This week: 4Up
Version License JavaScript version Categories
tal-emoti 0.1BSD License1.5HTML, Graphics
Description Author

This object can replace text by emoticon images.

It can scan a HTML page to find elements that have a class attribute set to one several possible values.

The object searches for emoticon text inside the found elements and replace them with emoticon images.

Picture of Dong Nguyen
Name: Dong Nguyen <contact>
Classes: 2 packages by
Country: Viet Nam Viet Nam
Age: 42
All time rank: 1182 in Viet Nam Viet Nam
Week rank: 6 Up1 in Viet Nam Viet Nam Up

Blogger Emoticons ======== Blogger Emoticons is an useful script that allows to display the emoticons (also called smilies) on your blog like Yahoo! Messenger. You can embed this script into your blog as a widget. It's standalone, lightweight and easy to use. For a testing, please access your Blogger Dashboard, choose one of your blogs and start the setup process as bellow: 1. Add a HTML/Javascript element. 2. Put Blogger Emoticons script into. 3. Put the following line after what you paste down. window.onload =; That's all. Now every special sign such as :), :D, :))... will be converted to the animate emoticons of Yahoo! Messenger. Note : make sure that anything above are between a pair of &lt;script&gt;&lt;/script&gt; tags. <h3>For developers:</h3> The global object talEmoti has 2 public methods need to be concerned, <b>run</b> and <b>setEmoticon</b>. - <b></b> Althrought named Blogger Emoticons, but this programm maybe work well on any webpage where you can embed JavaScript code into. Because it can scan a HTML page to find elements that have a class attribute set to one several possible values. That means you can use it on your Wordpress blog or your own website even. To do that, you only need specify the class name of the HTML blocks which you want to parse, by providing some values as parametter of "run" methods. For example:['CLASSNAME_OF_ELEMENT']); or :['post-content', 'post-entry-content', 'entry-text-content']); The parametter of must be an array. With Blogger blogs, usually you do not need to make anything. It's good enough for almost cases. But there are some Blogger template creators who change default class name of the related elements and talEmoti could not find out anything to parse. That time, you also must provide the exact class name to "run" method. - <b>talEmoti.setIcon()</b> If you are familiar with Javascript, you maybe also define a new emoticon collection from your owner icon library by using "setIcon" method provided by this programm. The "setIcon" method has 3 parametters, 2 first values are required, TITLE is optional. Pretty simple to do this: talEmoti.setIcon(SIGN, URL_TO_ICON, TITLE); Every line for a defining. Note : make sure that you call "run" method after defining. To view list of emoticons supported by Yahoo! Messenger, go to here: Dong Nguyen
  • Screenshot
  Files folder image Files  
File Role Description
Accessible without login Plain text file Doc. Auxiliary data
Plain text file talEmoti.js Class Defines talEmoti object, dev version
Plain text file talEmoti.min.js Class Defines talEmoti object, minified version

 Version Control Unique User Downloads Download Rankings  
This week:0
All time:379
This week:4Up