Yes! Now the et Smiley set is available for use in any blog or website. Read on to find out how to add them to your website.
* See the list of smileys
* If you want to add smileys to your Blogger blog, see Smileys for blogspot
Follow the simple steps below to add the smiley functionality to your website/blog:
Step #1
1) In your website/blog's HTML code, search for the part saying </head>
2) Now just before this, insert the below code:
And the first part is done!!
Step #2
Now you need to add the etSmileys class to the sections in your blog where you like the smileys to appear.
If you want the smileys everywhere in the website, search for <body> in the HTML code, and add the class as follows:
If you want the smileys in only particular sections of your blog, add the class to only those. For example, if a section has id main-content, the code would look like this:
Now add the new class as follows:
If main-content is already a class, then new code will look like this:
If there is any Javascript conflict while using et Smileys in the above method (causing any other script to work incorrectly), try this alternate method
If you still have queries regarding adding the smileys, feel free to drop me a mail :)
Adding a smileys reference
You can add a smileys reference panel anywhere in your blog by pasting the following code at that location:
Complete smiley panel
Minimalist smiley panel
How it works?
The smiley stuff works based on asimple JavaScript code. It replaces the emoticon symbols you give with the corresponding smileys. For this you'll have to know the correct symbol for each smiley.
Example: :) becomes :)
You'll have to wait till the whole page loads for the smileys to appear.
Important:
One important point you should remember is to put a space before the symbol.. or else the smiley image won't appear.
Staying up-to-date and Keeping in touch..
The smiley list is never complete! Suggest your own ideas of interesting smileys that can be included in the list :i . You may make your suggestions at the comments. Please note that the current smileys are 16px in height, so that it won't create an unnecessary spacing between the text. So hope that your ideas won't go ABOVE that! :O
Whenever new smileys are added, the script will be updated automatically. But you'll need to know the new symbols for the fresh smileys. So stay connected to know the updates in the smiley data base.
Bookmark this page to stay in touch with the constantly updated smiley list and other related updates.
Put the smiley badge in your blog to let others know of the smileys and also for a quick link!
Get the smiley updates via Twitter: Follow me on twitter
Hope that helped! 8)
Spread the Word
So have you decided to use the et smileys? Then do a little favor. Kindly link back to this page so that others can also come to know about this smiley set. You may put an et Stamp in your blog as well. Thank you!! :)
* See the list of smileys
* If you want to add smileys to your Blogger blog, see Smileys for blogspot
Follow the simple steps below to add the smiley functionality to your website/blog:
Step #1
1) In your website/blog's HTML code, search for the part saying </head>
2) Now just before this, insert the below code:
<script src="https://sites.google.com/site/etisblogging/js/etSmileys.js" type="text/javascript"/>
And the first part is done!!
Step #2
Now you need to add the etSmileys class to the sections in your blog where you like the smileys to appear.
If you want the smileys everywhere in the website, search for <body> in the HTML code, and add the class as follows:
<body class="etSmileys" >
If you want the smileys in only particular sections of your blog, add the class to only those. For example, if a section has id main-content, the code would look like this:
<div id="main-content"> ... </div>
Now add the new class as follows:
<div id="main-content" class="etSmileys"> ... </div>
If main-content is already a class, then new code will look like this:
<div class="main-content etSmileys"> ... </div>
If there is any Javascript conflict while using et Smileys in the above method (causing any other script to work incorrectly), try this alternate method
If you still have queries regarding adding the smileys, feel free to drop me a mail :)
Adding a smileys reference
You can add a smileys reference panel anywhere in your blog by pasting the following code at that location:
Complete smiley panel
<script src="http://sites.google.com/site/etisblogging/js/etSmileysPanelFull.js" type="text/javascript"/>
Minimalist smiley panel
<script src="http://sites.google.com/site/etisblogging/js/etSmileysPanelBasic.js" type="text/javascript"/>
How it works?
The smiley stuff works based on a
Example: :) becomes :)
You'll have to wait till the whole page loads for the smileys to appear.
Important:
One important point you should remember is to put a space before the symbol.. or else the smiley image won't appear.
Staying up-to-date and Keeping in touch..
The smiley list is never complete! Suggest your own ideas of interesting smileys that can be included in the list :i . You may make your suggestions at the comments. Please note that the current smileys are 16px in height, so that it won't create an unnecessary spacing between the text. So hope that your ideas won't go ABOVE that! :O
Whenever new smileys are added, the script will be updated automatically. But you'll need to know the new symbols for the fresh smileys. So stay connected to know the updates in the smiley data base.
Bookmark this page to stay in touch with the constantly updated smiley list and other related updates.
Put the smiley badge in your blog to let others know of the smileys and also for a quick link!
Embed code:
Get the smiley updates via Twitter: Follow me on twitter
Hope that helped! 8)
Spread the Word
So have you decided to use the et smileys? Then do a little favor. Kindly link back to this page so that others can also come to know about this smiley set. You may put an et Stamp in your blog as well. Thank you!! :)
1 thinking about it!:
Bro.. my blog platform is blogger but with disquss comment system.. :( would you help me to hack it?? i want it badly u know.. :c :c :c :c :c :c
Im waiting here in a great epectation.. :rainbow
Now it's Your turn to comment!
(Comment form not working? Try the good ol' pop-up comment form!)