How to add jQuery library to your Blogger and Blogspot Template Code

JQuery is a javascript library, it helps to write javascript faster with simpler syntax. Instead we have to write the code lines long and repeated many times in the jquery javascript packed them into the methods available for easy use.

How to do this tutorial

Before you do this tutorial, I recommend you to back up your Blogger template, you can see How to back up and restore blogger template

Step 1

Log in to Blogger.com

Step 2

After log in, select Template > Edit HTML

Step 3

Then search code </head>, and paste following code just above:

<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js' type='text/javascript'/>

or:

<script type='text/javascript'>
       //<![CDATA[
       if (typeof(jQuery) == 'undefined') {document.write("<scr" + "ipt type=\"text/javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js\"></scr" + "ipt>");}
       //]]>
       </script>

Step 4

Finally, Save your Template and see Result