blog

June 05, 2018

Install jQuery on Your website

spread the word:

This may come in handy:

  • jQuery:
    how to install?
  • jQuery for humanists
    I do not consider Myself a programmer - I don't have a strict, 'mathematical' mind, and definitely I don't love logic ;) .

    But, interestingly, I do program, write some code for web-design purpose.

    To know that I'm able to write code without having that 'strict mind' is important - because it is encouraging not only for 'born programmers' to learn that field.

Or in another words: prepare Your site to jQuery power .

 

What is all about?
To be not so technical (which is a desired trait of this blog), You could consider jQuery just another programming language - with the help of which You can achieve considerably more than with sole HTML & CSS (read more about when jQuery may come in handy).

 

How to install jQuery on Your site?
There are two ways You can do this: one in which You feel comfortable with editing the template itself - and another one in which it is not necessary. I would recommend the latest/easiest way because there is really no more than a tiny difference between the two - but the simpler one saves You time and hassle . It comprises on using "HTML/JavaScript" gadget (I’m used to say that this is the most powerful Blogger gadget at all ).

 

jQuery implementation on Blogger:

  1. Enter the "Layout" section in the Admin Panel of Your Blogger website.
  2. Find "Add a Gadget" link positioned the lowest.
  3. Click it, find and select the "HTML/JavaScript" gadget. You may name it ("Title" field) as You desire - I prefer to name it "the Engine" :) - especially considering that I like to put in this gadget all jQuery instructions regarding the site I work on - this way I have all of them easily available in one place.

Remember: the easiest way is to use the same gadget for all jQuery instructions.

The jQuery 'Engine' meant to be stored into the 'HTML/JavaScript' Blogger gadget.

  1. Paste following code into the "Content" field:

/* (this code is responsible for loading jQuery alongside the rest of Your site in order for it to be enabled)  */


<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  1. Click "Save" button.

Done !

No comments:

Post a Comment