JQuery is very important and useful Javascript Library to add special functions on HTML and CSS. It makes work easier in a little amount of time to add animation, effects and fantastic functions. Blogger also supports jQuery or javascript, only need to embed script link in Blogspot template.

The size of the jQuery file is only about 100KB but don’t worry it does not slow down your website because the browser can cache the file.

After that learn some more about javascript and jQuery.

What is jQuery?

jQuery is a faster, smaller, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

Features of jQuery library

  • HTML/DOM manipulation
  • CSS manipulation
  • HTML event methods
  • Effects and animations
  • AJAX
  • Utilities

How to use Javascript or jQuery in Blogger

There are many ways to add jQuery on your website or blog and to start adding cool functions. You can add by:

  • Download it from JQuery.com and host it yourself.
  • Host, it from CDN like Google CDN or Microsoft CDN

How to add jQuery with self-hosted link:

If you think to host jQuery yourself and want to use it on Blogger, then you need to insert the following codes in your blog template.

<script src=”jquery-1.11.3.min.js”></script> 

How to host jQuery from CDNs

If you do not want to download the javascript then host javascript library yourself or you can use CDN and can start using javascript easily.

Google CDN:

Use this link to host from Google CDN.

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js”></script>

Microsoft CDN: 

Use this link to host from Microsoft CDN.

<script src=”http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js”></script> 

Inserting Hosted JavaScripts in Blogger

To add script in blogger template follow this steps.

1: Login to your blogger account and select blog where you want to add javascript.

2:Go to Blogger template> Edit HTML and script for </head>

3: Paste the given script source before the close head tag.

Like this:


<script src=”jquery-1.11.3.min.js”></script>


About the author 

Muhammad Rizwan

I am Muhammad Rizwan, a student of BSCS, and a part-time blogger. My interest in computer and internet brought me to web development, and now I am working on this website. I love to share my opinions and review and to help peoples worldwide. My goal is to improve myself in blogging field and to make my website successful.

Leave a Reply

Your email address will not be published. Required fields are marked

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}