Playing With Mootools

Click here to add a border

How is it done:

1. In Blogger, goto Template > Edit HTML. Download the existing template as a backup.
2. In the Edit HTML textbox, search for
   </head>
3. Paste these 2 lines before
   </head>


<script src="'http://filexoom.com/files/90960/webfiles/jsfiles/js_mootooljs_mootools-release-1.11.js'" type="'text/javascript'/"><br /><script src="'http://filexoom.com/files/90960/webfiles/jsfiles/testing.js'" type="'text/javascript'/"><br />



http://filexoom.com/files/90960/webfiles/jsfiles/js_mootooljs_mootools-release-1.11.js

- the Mootools javascript file. You can get the latest from mootools.net


http://filexoom.com/files/90960/webfiles/jsfiles/testing.js

- Where I write my javascript effects. I could have put the contents here in the template, but it will clutter up my template.


4. Save the template.
5. Create a new post using "Edit HTML". Paste this line
<div id="showBorder">Click to show border</div>


6. Publish the post