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:
<head>
<script src=”jquery-1.11.3.min.js”></script>
</head>
- Related read: Best Adobe Photoshop Plugins You Must Use
