How to Add jQuery to Blogger

Posted by Lasantha Bandara File Under : html, java script, jquery

How to Add jQuery to Blogger

Some Blogger templates or gadgets require jQuery to work properly. If your theme does not already load it, you can easily add it by following these steps.

Steps

  1. Open your Blogger Dashboard and go to Theme.
  2. Click Edit HTML to open the code editor.
  3. Search for the closing tag </head>.
  4. Paste the script below just before </head>.
  5. Click Save to update your theme.

jQuery Script

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

Optional: Add jQuery Migrate

If your template or old gadgets stop working after adding the latest jQuery, you can also include jQuery Migrate. Place it immediately after the jQuery script tag:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.4.1.min.js"></script>

Tip: Only add jQuery Migrate if you notice errors with older scripts. For most modern templates, the main jQuery script is enough.

Final Step

After saving your theme, refresh your blog and check if everything works correctly. If you see errors in the console, consider adding the optional jQuery Migrate script.

1 thought on “How to Add jQuery to Blogger

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.