Полезности и шапка на блог Blogger

Полезности дошли наконец-то до шапки на блог Blogger! Мне лично не нравятся шапки. Хотя это красиво, привлекательно и функционально в одном лице. Но … не нравятся. Однако, пройти мимо того, что увлекает многих, преступление. Полезности предоставят желающим выразить себя. Сделайте свои блоги неотразимыми! Но, если говорить о шапке на блог Blogger, то Полезности, конечно же, добавят свой прибамбас в тему. Добавим чуточку оригинальности в обычную шапку на блог Blogger. Сделаем шапочку динамичную. Пусть шапочка меняется в зависимости от того, какую статью мы читаем. Неплохо? Читаем одну статью - шапка выглядит как розочка. Читам вторую статью - шапка выглядит как чертополох. Одно мы не сможем регулировать, - какую именно шапку оденет блог Blogger в данный момент. Это процесс непредсказуемый, случайный.

   *** Пример того, что получим, - можно посмотреть здесь. Понажимайте на разные сообщения.

   *** Как сделать саму шапку вы знаете. Самое главное, выбрать грамотно размеры. Зайдите в Шаблон - Настроить - Регулировка ширины. Найдите ширину блога. Это и будет размер длины вашей картинки для шапки на блог Blogger. Высоту выберите сами. Размеры моих картинок 900 на 300. Картинку можно сделать на этом сервисе. 

   *** Сделали картинки - сколько желаем и грузим их на этот сервис. Загрузить изображение. Выбрать файл. Уменьшить убрала - гружу сразу картинки размером 900 на 200. Загрузить изображение - выбрать файл - видим картинку - и ее размеры. Загрузить чуть пониже жмем. Берем копируем ссылку себе из номер 1 = ссылка.

   *** Заходим на свой блог, вставляем гаджет HTML. Вставляем в любое место. Название оставляем пустым. В содержание вставляем следующий код:

<script type="text/javascript">

var banner= new Array()

banner[0]="http://s50.radikal.ru/i130/1401/b2/8e8d0a077baa.jpg ";

banner[1]="http://s004.radikal.ru/i208/1401/ea/911c04a4e03e.jpg ";

banner[2]="http://s020.radikal.ru/i717/1401/30/7bcc3303b359.jpg ";

banner[3]="http://s006.radikal.ru/i215/1401/1f/cd9705fdba7e.jpg ";

banner[4]="http://s009.radikal.ru/i310/1401/c6/a06e25b1461c.jpg ";var random=Math.floor(5*Math.random());

document.write("<style>");

document.write("#header {");

document.write(' background:url("' + banner[random] + '") no-repeat top left;');

document.write(" }");

document.write("</style>");

</script>

Вместо ссылок на мои картинки — ставим свои ссылки (выделено красным цветом). Вместо моей цифры 5 - ставите свою цифру равную количеству ваших картинок (выделено желеным цветом).

Сохранить. Сохранить расположение. Просмотреть блог. Понажимаем на разные сообщения. Готово! Ура! Красота. Шапка на блоге Blogger меняется в зависимости от читаемого сообщения.

   *** Думаю, ваши читатели будут удивлены подобным! Полезности неплохо поработали. Заходите еще к нам!

              

             
  Присоединяйтесь ко мне в Блог  и Видеоканал      
  Понравилась  статья? - Жмите на кнопочки и пишите комментарии