Полезности
- динамичная шапка на блог 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>
<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.
Уберем его. Идем - Шаблон - Изменить - Список виджетов - ищем - жмем на attribution1. Выходим на строку нужную - у меня это номер 1886.
<b:widget
id='Attribution1' locked='true' title='' '' type='Attribution'>
Меняем
на
<b:widget id='Attribution1' locked='false' 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;"/>
Получим
по колокольчику в левом и правом углах.
Если заменить выделенные цветом ссылки
- можно установить по углам свои картинки.
Если не устраивают размеры, - можно
установить свои. Как работать с картинками
мы с вами уже проходили. Посмотрите.
Чудесных
вам и неповторимых блогов!
Ну,Светлана,спасибо! Век живи ,век учись!
ОтветитьУдалитьСветлана, Вы гений фишек и полезностей. Чтобы мы без Вас делали! Большое спасибо за такую ценную информацию.
ОтветитьУдалитьГосподи, что только поэтичные технари не понапридумывают! Как здОрово.
ОтветитьУдалитьСпасибо. Светлана, за интересную и ценную информацию. Это стимул к творчеству.
ОтветитьУдалитьСветлана огромное Вам спасибо. Очень много полезного узнала для себя.
ОтветитьУдалитьПодскажите шапка сделана из .JIF файла, такая шапка не будет замедлять блог?
ОтветитьУдалить