13.01.2014

Полезности и шапка на блог 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 меняется в зависимости от читаемого сообщения.

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

       За Счастье пусть пьют Дураки! Мы выпьем за Чудеса      
  Присоединяйтесь ко мне в Блог  и Видеоканал      
  Понравилась  статья? - Жмите на кнопочки и пишите комментарии  
   

15 комментариев:

  1. Светлана,спасибо,попробую так сделать!

    ОтветитьУдалить
  2. Светлана, здорово!!!(как всегда) Спасибо!!!

    ОтветитьУдалить
  3. Светлана, спасибо! Попробую и я так сделать!

    ОтветитьУдалить
  4. Как красиво! Спасибо!

    ОтветитьУдалить
  5. На днях покажу - как сделать динамичную шапка блога - которая сама по себе будет меняться

    ОтветитьУдалить
  6. Очень интересно и поучительно! Спасибо!

    ОтветитьУдалить
  7. Спасибо,Светлана!За информацию!

    ОтветитьУдалить
  8. Светлана спасибо за очередную полезность.Удивили!

    ОтветитьУдалить