16.01.2014

Полезности - живая шапка на блог 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;"/>
Получим по колокольчику в левом и правом углах. Если заменить выделенные цветом ссылки - можно установить по углам свои картинки. Если не устраивают размеры, - можно установить свои. Как работать с картинками мы с вами уже проходили. Посмотрите

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

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

  1. Ну,Светлана,спасибо! Век живи ,век учись!

    ОтветитьУдалить
  2. Светлана, Вы гений фишек и полезностей. Чтобы мы без Вас делали! Большое спасибо за такую ценную информацию.

    ОтветитьУдалить
  3. Господи, что только поэтичные технари не понапридумывают! Как здОрово.

    ОтветитьУдалить
  4. Спасибо. Светлана, за интересную и ценную информацию. Это стимул к творчеству.

    ОтветитьУдалить
  5. Светлана огромное Вам спасибо. Очень много полезного узнала для себя.

    ОтветитьУдалить
  6. Подскажите шапка сделана из .JIF файла, такая шапка не будет замедлять блог?

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