ET Smileys no-wait-for-load version : The end of all JavaScript Conflicts!

Even when things are going good and fine, there's nothing wrong in making them.. better. Here is a hack on the et Smiley script for Blogger (and all other blogs) which brings in more smiles.

This update is mainly aimed at users experiencing JavaScript conflicts while using the et Smiley set with other scripts, resulting in any of the scripts not working properly.

The hack is to initialize the script manually. This can also result in a faster loading of the smiley script.
The smiley script waits until the entire page loads before it makes the smileys appear. But sometimes it has to wait until some small missing element in the page is loaded. This new method loads the script as soon as it is safe for it to load. No extra waiting!

So, the users who are currently happy with the script can just move on. Anyhow, if they find the improvisation discussed above interesting, feel free to try out the new method.

Let us see how it works:

Step #0 (old users)
Users who are already using the smiley script and changing to the new method, make sure to remove the script currently in use.
Refer to the post from which you added the smiley script (Smileys for Blogger or Smileys for any blog/website) and remove the added lines of code.
Note: This update doesn't concern the smiley panel over comment form in anyway

Step #1
In your Blogger Dashboard, click the More Options down arrow next to your blog and select Template. In Template page, click the Edit HTML button.
Find the portion </head> in your blog's HTML code


Now just before </head>, add the following code

For Blogger blogs:

<script src="https://et-smileys.googlecode.com/svn/trunk/etSmileys_blogger_control.js" type="text/javascript"/>


For other blogs/websites:

<script src="https://et-smileys.googlecode.com/svn/trunk/etSmileys_control.js" type="text/javascript"/>


Step #2
Again, in the HTML code find the portion </body>
Yet again, add the following code just before this part

<script  type="text/javascript"> etSmileys(); </script>


And you're done! This should solve any JavaScript conflicts caused by the smiley script :)

Note: If you're not using a Blogger blog, and adding the smiley script for the first time, also follow the additional Step #2 in this post for the smileys to work

14 comments:

  1. Bro.. why it doesnt work anymore? :/ Pls check url at my name here ok.. :)

    ReplyDelete
  2. Et how do I add the smileys in to my comment field? :d

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. Can you please update for the New blogger??

    I can't figure out how to do with these directions! help!!! I tried it in a post and I got the box of smileys, however, I don't know how to make it for the whole blog, bc when I go to layout the template designer comes up and I can only edit certain sections of html...

    eeek. :c xP </3

    ReplyDelete
  5. Hi Diamond,

    For the new Blogger interface, as mentioned in the post, go to 'Template' section in the options list to the right of your blog's name.
    Here, you'll see the actual blog template code and the 'Edit HTML' option

    ReplyDelete