Icontem

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    
Last Updated Ratings Unique User Downloads Download Rankings
2014-05-02 (2 years ago) RSS 2.0 feedNot enough user ratingsTotal: 118 All time: 365 This week: 29Up
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

Details
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 = talEmoti.run;
	 
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>talEmoti.run()</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:

talEmoti.run(['CLASSNAME_OF_ELEMENT']);

or :

talEmoti.run(['post-content', 'post-entry-content', 'entry-text-content']);

The parametter of talEmoti.run 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:

http://messenger.yahoo.com/features/emoticons/


Dong Nguyen
Screenshots  
  • Screenshot
  Files folder image Files  
File Role Description
Accessible without login Plain text file README.md 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  
 75%
Total:118
This week:0
All time:365
This week:29Up