Полезности - живая шапка на блог Blogger и другое

Полезности - динамичная шапка на блог Blogger, как убрать надпись в подвале и как повесить колокольчики по углам блога. Вау! Сразу три полезности.

   *** Приступим. Как сделать картинки для шапки на блог Blogger. Размер картинок. Как и где получить ссылки на свои картинки. Это вопросы мы решили в предыдущем посте. Кто подзабыл - можно посмотреть.

   *** Как сделать живую или динамичную шапку на блог. Оказывается, достаточно просто. Только надо делать внимательно и четко. 


Полезности показывают пример такой шапки.

Идем - Шаблон - Изменить. Ищем строку

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

В строке меняем два маленьких слова

maxwidgets='3'и maxwidgets='yes'

Расположена искомая строка примерно на уровне строк с номером 615-667 в зависимости от шаблона. У меня эта строка стоит под номером 665.

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

В это новое поле добавляем гаджет HTML - название пустое, а в содержание вставляем следующий код

<style type="text/css">

#slider {width: 900px; height: 200px; background: #fff no-repeat 50% 50%;

position: relative;

margin: 0 auto;}

#slider img

{position: absolute;

border: none;

display: none;}

</style> <script src="http://code.helperblogger.com/js-image-slider.js#sthash.THuZbOyd.dpuf "

type="text/javascript"></script> <br />

<div id="slider">

<img border="0" height="200" width="900" src="http://s50.radikal.ru/i130/1401/b2/8e8d0a077baa.jpg" />

<img alt="" src="http://s004.radikal.ru/i208/1401/ea/911c04a4e03e.jpg " />
<img alt="" src="http://s020.radikal.ru/i717/1401/30/7bcc3303b359.jpg " />
<img alt="" src="http://s006.radikal.ru/i215/1401/1f/cd9705fdba7e.jpg " />
<img alt="" src="http://s009.radikal.ru/i310/1401/c6/a06e25b1461c.jpg " />
</div>

Мой размер 900 на 200 (выделено цветом). Вы можете устанавливать свои размеры. Чтобы вставить свои картинки, - замените мои ссылки на свои (выделено цветом). Сохраните. Сохраните расположение. Все. Динамичная шапка на блог Blogger готова! Красота и динамика. Любопытно и привлекает внимание читателей.

ВНИМАНИЕ  - рекомендую делать такую шляпу очень осторожно. Блог стал плохо себя вести.

   *** Продолжаем творить полезности. Иногда напрягает подвал в блоге Blogger. 

Уберем его. Идем - Шаблон - Изменить - Список виджетов - ищем - жмем на attribution1. Выходим на строку нужную - у меня это номер 1886.

<b:widget id='Attribution1' locked='true' title='' '' type='Attribution'>

Меняем на
<b:widget id='Attribution1' locked='false' title='' '' type='Attribution'>

Сохранить шаблон. Вернемся в блог. Внизу жмем Изменить на гаджете Атрибуция. Появилась строка Удалить. Именно это мы и делаем. Все. Готово. Сохраняем расположение. Смотрим обновленный блог. Пример смотрим здесь.

   *** А теперь про самые приятные полезности - про украшение блога Blogger. Примеры украшений по углам блога вы уже видели, а еще можно посмотреть здесь и здесь. Как это сделать? Элементарно! Идем в Дизайн - добавляем гаджет HTML в любое место. Название оставляем пустым, а в содержание списываем коды

<img src="https://lh6.googleusercontent.com/-5R7C9LMfqKY/Txo_0iOthMI/AAAAAAAAELw/rzmYWYHYXBs/w189-h197-k/christmas-icon.png"

style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/>

<img src="https://lh4.googleusercontent.com/-PbiGUGyANAs/Txo_yfoVXSE/AAAAAAAAELw/cZylwGVCEuw/s145-c/212012" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>

Получим по колокольчику в левом и правом углах. Если заменить выделенные цветом ссылки - можно установить по углам свои картинки. Если не устраивают размеры, - можно установить свои. Как работать с картинками мы с вами уже проходили. Посмотрите. 

Чудесных вам и неповторимых блогов!