Blogger оптимизация шаблона

Sunday, December 1, 2013

Установка гаджета (слайдера) в шапку Блогспот, Блоггер RSS blogger 2

Заработок в интернете на блогах платформы blogger

tweetn

Установка гаджета (слайдера) в шапку Блогспот, Блоггер RSS blogger 2

Установка гаджета (слайдера) в шапку Блогспот, Блоггер

Posted: 01 Dec 2013 09:18 AM PST

Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)

Из-за неоднократной и настойчивой просьбы одной читательницы, публикую установку любого гаджета в шапку Блогспот, Блоггера (в данном случае слайдера).

Кому интересно, как это будет выглядеть, вот ссылка на тестовый вариант:
http://blogodeltest2.blogspot.ru/

К сожалению по умолчанию, Блогспот не предусматривает возможности размещения гаджета в шапке и поэтому необходимо будет произвести небольшие изменения в шаблоне.
  • В настройках выходим в раздел "Шаблон".
Где то на уровне 619 строки (в зависимости от шаблона) находим строчку:
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
и меняем , как указано на скриншоте на:
 maxwidgets='3'и maxwidgets='yes' 

После замены жмем вначале на "Просмотреть шаблон" (подчеркнуто снизу красным) и если все нормально (не появилась табличка об ошибке) нажимаем "Сохранить шаблон".




Таким образом, мы дали "команду" в шаблоне разрешить наличие гадежта в шапке блога. В разделе "Дизайн" у вас должна появиться, выделенная на скриншоте красным маркером секция.



В этой секции вы можете разместить любой код гаджета (в данном случае, я разместил код слайдера).
Вот код слайдера:

<style type="text/css">


#slider {
 width: 850px; height: 560px; 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="320" src="http://s019.radikal.ru/i638/1312/48/b5e0a3a8232e.jpg" width="251" /><img alt="" src="http://s020.radikal.ru/i722/1312/81/7c7a2a361d3e.jpg" /><img alt="" src="http://s020.radikal.ru/i708/1312/00/37d83a9d9408.jpg" /><img alt="" src="http://s020.radikal.ru/i708/1312/9b/41b73bc56cf9.jpg" /><img alt="" src="http://s019.radikal.ru/i644/1312/cc/eb5237743a28.jpg" />                </div>


Желтая маркировка это размеры слайдера, красная урлы ваших фотографий.
Даю так же, адреса для обработки изображений:
http://radikal.cc/
http://pixlr.com/express/
http://blogodel.com/

This posting includes an audio/video/photo media file: Download Now

Posted by Tanjah3 at 2:02 PM

0 comments:

Post a Comment