Подключение jQuery к Блоггеру (Blogger & jQuery)

Очень нужная вещь для блога на Blogger! Это платформа для красивых эффектов в Вашем блоге. Удобные решения и в то же время необычайно простые в реализации. Великолепный JavaScript Framework, ( jQuery) которым очень просто пользоваться и получать огромный функционал. Возможности применения  jQuery и красота работы, принесут Вам много положительных эмоций. Многократно расширят функционал Вашего блога.

Сразу хочу Вас предупредить, после подключения jQuery, визуально на Вашем блоге ничего не измениться, но после этого станет возможным устанавливать на блоггер различные красивые слайдеры, меню, спойлеры и другие отличные вещи.

Подключаем  jQuery к блогу.

Есть два варианта.
- Первый вариант, быстрый и простой.
- Второй для опытных пользователей с дополнительными нюансами. 


Способ № 1. (Простой)

Первое - заходим в настройки блоггера Шаблон / Изменить HTML
Второе - нажимаем Ctrl+F (окно поиска по коду блоггера) в которое вводим и ищем 
Третье - перед  вставляем этот код: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Четвертое - сохраняем шаблон. 
Все готово! 

Способ № 2. (Более сложный с нюансами)

Нюансы следующие:

1 - можно указать конкретную версию  jQuery библиотеки.
2 - можно скачать библиотеку к себе на хостинг и тогда Ваш блог будет обращаться за ней в то место, куда Вы ее загрузили.
Например, Вы можете загрузить файл  jQuery к себе на Гугл Диск (Google drive). Версию jQuery библиотеки можно так-же выбирать.
3 - Можно указать два адреса библиотеки. Если один не доступен, то обращение идет к запасному адресу, где лежит библиотека jQuery.
4 - можно указать адрес хранения библиотеки с сайта Microsoft.

Подключаем последнюю версию jQuery с сайта Google.

(Если Вы не указываете конкретную версию, а в коде просто стоит 1, то используется самая новая версия)

Так же перед   вставляем код: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Если хотите подключить определенную версию к своему блогу, просто укажите ее. Например, если Вам нужна версия jQuery библиотеки 1.11.0 для blogger, то код будет выглядеть так: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Последние версии библиотеки можете смотреть здесь - Список.

Что бы подключить jQuery с сайта Microsoft, Вам нужно прописать у себя в блоггере такой код: <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.11.0.min.js"></script>
Но с Google подключать библиотеку лучше всего, так как многие сайты и блоги на blogger, используют одинаковый метод подключения jQuery библиотеки посредством Google API. Поэтому есть большая вероятность, что при запросе библиотеки она уже окажется загруженной на компьютере того человека, который просматривает Ваш блог.

Для того что бы разместить библиотеку jQuery у себя на хостинге, нужно сделать следующие: Скачать jQuery с офицального сайта Скачать  Загрузить скачанный файл jQuery библиотеки в нужное Вам место. При вставке кода указывать в нем адрес загрузки библиотеки.

Например, если назвать скачанный файл "jquery-1.11.0.min.js" и загрузить его на Ваш хостинг в папку JS, то путь к файлу будет выглядеть так: <script type="text/javascript" src="/js/jquery-1.11.0.min.js"></script>
Таким образом мы подключаем jQuery к сайту или блоггеру на blogspot.com

Указание двух адресов загрузки jQuery библиотеки для блогер. (Blogger)

Вариант двойной надежности. Указаны два адреса загрузки, Google и Ваш сайт. Если не доступен Google, библиотека jQuery берется с вашего адреса. Выглядит такой код так: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='/js/jquery-1.11.0.min.js' type='text/javascript'%3E%3C/script%3E")); } </script>
Есть еще самый продвинутый, автоматический вариант, для ценителей автоматизации: <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("jquery", "1.11.0"); google.setOnLoadCallback(jQueryIsLoaded); function jQueryIsLoaded() { alert('jQuery от Google загружен'); } if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='/js/jquery-1.11.0.min.js' type='text/javascript'%3E%3C/script%3E")); } </script>
Желаю Вам легкой настройки блога! А у нас еще много интересного, подписывайтесь, что бы не потеряться.

источник