Breaking News
Loading...
Tuesday 25 June 2013

Adding JQuery to Blogspot

05:12
JQuery is used to simplify client-side scripting of HTML. With a page written in jQuery, you can allow your users to call certain functions on your page without the need for more advanced scripting. To implement jQuery with Blogspot, you must insert a script that tells your blog where to find the file that is needed to complete the user action. Blogspot allows users to manipulate and add programming to their blog using the edit function.

Instructions:

1. Verify your jQuery file is saved as a ".js" file. To do this, open Notepad by selecting "Start," clicking "All Programs," choosing "Accessories" and clicking "Notepad." Copy the jQuery code, and select "Save As." Enter a name for the file and add the file extension ".js".

2. Upload your .js file to a directory online such as a Web hosting account. Write down the URL of where the file is located online.

3. Log into Blogspot and click "Edit" underneath the blog that you want to add the jQuery file to.

4. Select "Edit HTML" in the Blogspot Dashboard.

5. Copy the code below into the head tags, between the "<head> </head>" tags.
<script src="jquery.js" type="text/javascript"></script>

6. Remove the URL in the copied URL code, and enter the actual URL of your jQuery JS file.

For example:
<script src="http://www.mywebsite.com/jquery.js" type="text/javascript"></script>

7. Click the "Save Template" button to save the changes. Share This :
Tags:

0 comments:

Post a Comment

 
Toggle Footer