Гаджеты для Blogger.

Гаджет Blogger (небольшое приложение, предоставляющее дополнительную информацию, например, "Постоянные читатели" или "Окно поиска") добавляется в шаблон блога на вкладке "Дизайн"-"Элементы страницы".

Путем перетаскивания с нажатой левой клавишей мыши на обозначенные точками поля, можно поменять их расположение.

Добавить гаджеты для Blogger.
Добавить гаджеты для Blogger.

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

Особое внимание нужно обратить на гаджет HTML/JavaScript, который позволяет добавлять внешние коды.

Содержание.

  1. Сделать гаджет Blogger над/под заголовком.
  2. Увеличить ширину всего блога.
  3. Убрать гаджет Blogger с определённой страницы.
  4. Удалить заголовок гаджета.
  5. Показать/скрыть содержимое гаджета.
  6. Не показывать боковую панель на определённой странице.
  7. Вкладки для гаджетов.
  8. Разделить одно поле гаджета на два под заголовком.

Сделать гаджет Blogger над/под заголовком.

Изменения производим в "Дизайн"-"Изменить HTML", предварительно сохранив шаблон. Для поиска кода пользуемся комбинацией клавиш Ctrl+F. Изменяем строку
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
, где showaddelement='yes',
      maxwidgets='2' (или 3,4...)-количество гаджетов в заголовке.
Изменить ширину блога Blogger.
Изменить ширину блога Blogger.

Увеличить ширину всего блога.

  1. "Дизайн"-"Дизайнер шаблонов"-"Дизайн"-"Изменение ширины". Увы, более 1000px сделать здесь не удастся. Поэтому запоминаем установленную цифру всего блога.
  2. Переходим на вкладку "Изменить HTML", ищем заданную цифру (CTRL+F), меняем её на необходимый размер.
У меня код, отвечающего за размер блога выглядит следующим образом:
<b:template-skin>       <b:variable default='1130px' name='content.width' type='length' value='1130px'/>       <b:variable default='0' name='main.column.left.width' type='length' value='180px'/>       <b:variable default='360px' name='main.column.right.width' type='length' value='360px'/>        
Изменить ширину боковой панели или блога в целом.
Изменить ширину боковой панели или всего в целом.

Убрать гаджет Blogger с определённой страницы.

Расположением гаджетов на определённых страницах можно управлять. То есть, скажем, разместить гаджет "Архив блога" на всех страницах, кроме Главной. Находим соответствующий код ("Дизайн"-"Изменить HTML"-"Ctrl+F"):
<b:widget id='BlogArchive1' locked='false' title='Архив блога' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
и добавляем условие
<b:widget id='BlogArchive1' locked='false' title='Архив блога' type='BlogArchive'>
<b:includable id='main'>
 <b:if cond='data:blog.url != data:blog.homepageUrl'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
  </b:if>
</b:includable>
Здесь вы можете обратить внимание, что условие (если страница не является Главной, о чём говорит знак "!=") задаётся между следующими элементами:
<b:widget>
<b:includable>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
     код
</b:if>
</b:includable>
<b:includable>
     код
</b:includable>
</b:widget>
Условие может варьироваться, в зависимости от ваших потребностей.

Не показывать боковую панель на определённой странице.

Здесь мы уберём боковую панель (правую, левую или обе), а содержание растянем на всю страницу. Удобно применять, скажем, для оглавления. Код добавляется перед </head>. Я покажу на примере своей страницы, пряча правую боковую панель column-right-outer, для левой - column-left-outer:
<b:if cond='data:blog.url == &quot;http://shpargalkablog.ru/2010/07/razrabotka-bloga-v-blogger.html&quot;'>
<style type='text/css'>
      .main-inner .columns {
        padding-right: 0;
      }
      .main-inner .fauxcolumn-center-outer {
        right: 0;
        _width: expression(this.parentNode.offsetWidth -
             parseInt(&quot;$(main.column.left.width)&quot;) + &#39;px&#39;);
      }
      .main-inner .fauxcolumn-right-outer {
        width: 0px;
      }
      .main-inner .column-right-outer {
        width: 0px;
        margin-right: 0;
      }
</style>
</b:if>
Также выделенное жирным (строка сверху и снизу) добавляем в код
<b:if cond='data:blog.url != &quot;http://shpargalkablog.ru/2010/07/razrabotka-bloga-v-blogger.html&quot;'>
<div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>
</b:if>

Дизайн основной части Blogger
Если нужно скрыть одну из частей правой колонки (в моём случае её размер равен 220px), то применяем код:
<b:if cond='data:blog.url == &quot;http://shpargalkablog.ru/2010/07/razrabotka-bloga-v-blogger.html&quot;'>
<style type='text/css'>
.main-inner .columns {padding-right: 220px;}
.main-inner .fauxcolumn-center-outer {right: 220px;}
.main-inner .fauxcolumn-right-outer {width: 220px;}
.main-inner .column-right-outer {margin-right: -220px; width: 220px;}
.main-inner .column-right-inner table.section-columns td 
  {display: none;}
.main-inner .column-right-inner table.section-columns td.first 
  {display: inline; width: 100%;}
#sidebar-right-2-2 {display: none;}    
</style>
</b:if>

Разделить одно поле гаджета на два под заголовком.

Разместить два поля для гаджета

Для того, чтобы вместо одного гаджета добавить пару по горизонтали между заголовком и сообщением, выполним ряд несложных действий.

Заменим
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
на
<b:section class='tabs' id='crosscol-left' maxwidgets='' showaddelement='yes'/>
<b:section id='crosscol-right' showaddelement='yes'/>
<div style='clear: both;'/>
Перед
]]></b:skin>
внесём
#crosscol-left {width: 45%; display: inline-block; float: left;}
#crosscol-right {width: 45%; display: inline-block; float: right;}
#crosscol-right .widget {margin: 0;}
Процентное соотношение пишите на своё усмотрение. В данном случае это 40/40.

До
]]>
    </b:template-skin>
укажем
#layout #crosscol-left {width: 50%; float: left;}
#layout #crosscol-right {width: 50%; float: right;}
Rookee — инструменты для привлечения клиентов на сайт
в f t
наверх ↑

291 комментарий:

1 – 200 из 291   Новые›   Самые новые»
Умарходжаев Мурат
Попробовал сделать гаджет Blogger над/под заголовком, все получилось. Спасибо!
А вот как можно сделать 3 гаджета в одну строчку над заголовком?
NMitra
Пожалуйста))
Можно использовать тег table.
Умарходжаев Мурат
Я попробовал вставить 2 баннера, используя тег table. Однако у меня все равно правый баннер расположился впритык к левому баннеру. Как это исправить? Заранее благодарю Вас за ответ!
NMitra
<table border="0" ><tr>
<td>банер1</td>
<td>&nbsp;&nbsp;&nbsp;</td>
<td>банер2</td>
</tr></table>

&nbsp;-это пробелы. Добавьте нужное количество.
Умарходжаев Мурат
Да Вы кудесница! У меня все получилось. Спасибо огромное!
NMitra
Как меня радуют подобные комментарии!)))
lilac-agat
Хелп! У меня беда случилась :(
У вас на первой картинке сразу несколько блоков "Добавить гаджет" видно, а у меня был один, и тот пропал. Не могу теперь ни одного добавить.
Как мне его теперь вернуть?
NMitra
Мне так сложно ответить на данный вопрос. Нужен код шаблона. На вкладке "Дизайн"-"Изменить HTML"-"Загрузить весь шаблон". Полученный файл пришлите мне по почте n.mitra@yandex.ru.

Если вам не жалко внесенных изменений в код шаблона, то на той же вкладке нажмите "Восстановить шаблоны виджетов по умолчанию". Опять же предварительно сохранив уже существующий.
Просто Мама
Ширину блога изменить получилось, а как изменить ширину боковых колонок, так чтобы левая стала шире, чем правая?! Спасибо!
NMitra
Перед ]]></b:skin> добавить что-то типа этого:

#sidebar-right-2-1 {margin: 0 0 0 10px; width: 210px;}
#sidebar-right-2-2 {margin: 0 0 0 20px; width: 150px;}
cezare5526
Вопрос не совсем по теме поста.Пробую новый шаблон блога, но после публикации статьи, текст сообщения "режется", т.е.ширина колонки "Сообщения блога" маленькая. Перерыл кучу блогов, ничего путного не нашел. Может Вы что подскажите? Адрес блога http://cerchanin.blogspot.com/
NMitra
Блог построен на старом варианте шаблона. Я здесь могу ошибаться.

Попробуйте в

.post-body{text-align:justify;padding-top:8px;font:14px/20px Arial, Verdana;background: #fff;}

изменить padding-top:8px; на

padding:8px 20px 0px 0px;

Я точно не могу назвать цифру, её вы подбирёте сами. Это поля от верхнего, правого, нижнего и левого края.
Dasha Mentol
Убираю правую боковую панель на доп. странице и вместе с ней пропадает и левая боковая панель. Что сделать надо??
NMitra
Ранее не обратила внимание на это. Будем исправляться. Код был доработан (см. статью).
Dasha Mentol
Спасибо большое
NMitra
Мне также этот вариант оказался более полезным)))
Dasha Mentol
Спасибо, мне уже не надо. Извините за беспокойство.
Хозяин Лягушатника
Скажите, а что я мог сделать не так в шаблоне, что теперь меня выкидывает из дизайнера шаблона?
NMitra
Дизайнер шаблонов использует IFRAME, код против которого мы добавили. Уберите его на время редактирования шаблона - http://shpargalkablog.ru/2010/12/kak-izbezhat-plagiata-vebmasteru.html#IFRAME
Хозяин Лягушатника
В принципе, дизайнер шаблонов мне не нужен. Там все настроено. Но Гугл выдает по жесткому.
Заглянул в в вебмастер, а там проиндексированные страницы на которые выкидывал меня дизайнер шаблонов)))

P.S. С праздником!
NMitra
Спасибо)
PANIC
а можно ли убрать нижнюю панель с гаджетами на определенной странице, подобно тому, как скрывают боковую панель? или все-таки придется каждый гаджет отдельно убирать?
NMitra
Да, имеется. Задаём условия аналогично боковой панели:

.footer-outer {display: none;}
Вика
Здравствуйте! Подскажите пожалуйста, а что нужно сделать, чтобы убрать всю боковую правую колонку со всех страниц, кроме главной?
Спасибо.
NMitra
Доброго времени суток! См. http://shpargalkablog.ru/2010/11/gadzhety-dlya-blogger.html#pokaz

Вместо <b:if cond='data:blog.url == &quot;http://.....html&quot;'>

написать
NMitra
<b:if cond='data:blog.url != data:blog.homepageUrl'>
Вика
Здравствуйте.
Я попробовала, и даже цифры поменяла, у меня 360, но все тщетно. Наверное, что то не так, не пойму.
NMitra
Код указывали перед закрытым </head>? Он идет после всех стилей (СЕRL+F).
NMitra
Опечаталась CTRL+F
SynVelesa
Очень познавательно, спс Вам. У меня проблема - я не могу создать отдельные страницы, только главная и отдельные блоки(гаджеты). А мне необходимы отдельные страницы для рубрик и т.п. Заранее благодарен
NMitra
Я вижу, что вам удалось ("Америка VS Россия ")
SynVelesa
Ага, промучившись полночи... Помогите с еще одним вопросом, пжлст. Мне необходимо, чтобы читатели могли оставлять комментарии на дополнительных страницах, есть такая возможность?
NMitra
Вы опять опередили меня))
SynVelesa
NMitra, здравствуйте) У меня такой вопрос, мне понравился один ролик в интернете, там есть функция скачать код для блога, я нажимаю, пишет, что скачано в буфер обмена... что такое буфер обмена и где его искать?... простите за тупизм.
NMitra
Буфер обмена - это временное хранилище файлов. Например, мы правой клавишей мышки копируем фрагмент текста в буфер обмена и вставляем его в Word. Для этого мы правой клавишей выводим "вставить". То есть, чтобы вставить некоторые файлы нужны обрабатывающие их программы, например, для текста word.

Покажите ролик. У него должен быть URL.
Таргонский Денис
создал новый первый блог, создал новые страницы. Но вот не задача как туда добавить гаджет сообщение не могу допереть. Если можно подскажите что надо куда нажать.Заранее благодарю.
http://mika-tv.blogspot.com/
NMitra
Уточните, пожалуйста, вопрос.
Ongi
Здравствуйте, установила шаблон INNOVA, добавила ваш код, который убирает боковую панель на всех страницах кроме главной. Но код не сработал. Может из-за особенностей самого шаблона? Как бы это реализовать? И еще вопрос, в этом шаблоне красиво оформлена кнопка "подробнее", можно ли скрыть родную ссылку блогера, при вставке перехода?
Ongi
Второй вопрос отменяется :) В шаблоне стоит ограничение количества символов для превью :)
NMitra
Покажите, пожалуйста ваш блог: нужен URL адрес
Ongi
http://yummyorigami.blogspot.com/
NMitra
Всё верно. Шаблон был построен на основе шаблонов 2006 года.

перед </head> добавить:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
  <style>
    #sidebar-wrapper {display:none;}
    #main-wrapper {width: 840px;}
  </style>
</b:if>

Условие и ширину width: 840px; определите сами.
Ongi
Условие ставлю
При увеличении ширины, боковая панель просто сдвигается вправо, а потом вниз, а нужно, чтобы ее вообще не было на других страницах, кроме главной. Или я что-то не так понимаю?
NMitra
А потому что в шаблоне ещё хитрее сделали: вместо #sidebar-wrapper указан #lsidebar-wrapper. Поменяйте.

Чем мне не нравятся самописанные шаблоны - это тем, что id элементов могут быть произвольные, придуманные самими веб-мастерами.
Tanka
Ура получилось! Спасибо :) На странице *Креативная мама*
Анна
Спасибо за сайт, за интересный материал.
Артём
Спасибо, благодаря статье подключил стили и скрипты к статичной странице ЧаВо.
Артём
Кстати, неплохая тема для статьи - как сделать страницу ЧаВо в таком стиле http://ruseller.com/lessons/les211/example/faq.html
NMitra
Боюсь, что трудно охватить необъятное. Но спасибо за предложение.
ბუბუ
агромное спасибо! очень помогли!
NMitra
Приятно слышать.
e-mail:
класс, автору респект, у меня круто получилось http://windowsp7.blogspot.com/
NMitra
Замечательно)
Rustem Zakirov
Здравствуйте. Хочу сказать спасибо вам за вашу помощь. Я уже 2ой день не выхожу из вашей шпаргалки, надеюсь обращаться сюда ещё не раз.
У меня к вам вопрос - как убрать надпись которая находится наверху блога:
"Стать постоянным читателем Открыть доступ Сообщить о нарушении Следующий блог» mullajoy1@gmail.com Новое сообщение Дизайн Выйти".
У вас её нет, даже в приложениях.
Спасибо. С уважением.
Rustem Zakirov
Всё нашёл, у вас и нашёл вот:http://shpargalkablog.ru/2010/07/panel-navigatsii.html
Всё равно спасибо за всё. Только у вас я пока нашёл ответы на все вопросы.
Спасибо. С уважением.
NMitra
Это панель навигации. Посмотрите здесь возможные варианты - http://shpargalkablog.ru/2010/07/panel-navigatsii.html
NMitra
Вы меня опередили) Пожалуйста, рада что нашли интересующие моменты для себя.
владимир романов
Пока очень много непоняток.Но думаю с Вашей помощью разберусь.
NMitra
Постараюсь помочь. Спрашивайте при возникновении вопросов.
vayurkevich
Помогите пожалуйста, при изменении ширины шаблона выскочило - TEMPLATE ERROR: LHS of numeric is null before 20 in dataа:blog.pageType == "archive"

что не так?
NMitra
Судя по всему, вы ничего не меняли в коде шаблона? Измените группу шаблона, а потом верните обратно.
Мари
Прекрасная у Вас шпаргалка, но у меня столько вопросов что даже стыдно и писать. Как сделать на боковой панели последние комментарии или письма читателей?
NMitra
Задавайте, разберёмся. По-поводу комментариев - http://shpargalkablog.ru/2011/03/gadzhet-poslednie-kommentarii-dlya.html
kapi-kapi
Подскажите, пожалуйста, как изменить ширину основной колонки с сообщениями, чтобы не было больших отступов между ней и боковыми панелями? И не получилось сделать 2 гаджета в одну строчку под заголовком, куда надо вставлять тег table?
NMitra
По-поводу ширины основной колонки. Перед ]]></b:skin> добавить

.post-outer {margin:0 -40px 0 -40px;}

Значение -40 замените на свои.
NMitra
По второму вопросу дописала данную статью - http://shpargalkablog.ru/2010/11/gadzhety-dlya-blogger.html#razdelit
kapikapi
Спасибо огромное! все получилось!
Анонимный
Наталья, Вы не подскажите, где в шаблоне (блоггеровская платформа) можно регулировать так называемые отдельные страницы ("обо мне", "контакты", итд), в каком разделе?
Спасибо
NMitra
Да, конечно. Вкладка "Отправка". Чуть ниже появляется меню из трёх ссылок "Новое сообщение"-"Изменить сообщения"-"Изменить страницы". На "Изменить страницы" можно добавить до 10 отдельных страниц.
Valery
Наталья, а как сделать, чтобы мое фото под заголовком стало размером как и весь блог? а то у меня оно выходит немного меньше
NMitra
Дело в том, что у фотографии ширина меньше, чем предполагает данное поле.

Вы разместили картинку с шириной 760

http://2.bp.blogspot.com/-23aPL7uABHM/TjaRMnjT63I/AAAAAAAAAW4/8KhAjXVCSw8/s760/IMG_1529.JPG

попробуйте увеличить её до 850

http://2.bp.blogspot.com/-23aPL7uABHM/TjaRMnjT63I/AAAAAAAAAW4/8KhAjXVCSw8/s850/IMG_1529.JPG
Valery
спасибо огромное ;)
Valery
Наталья,а мне вот бы узнать,как вы увеличиваете размер фото?
NMitra
Изменила адрес картинки. Здесь более подробно - http://shpargalkablog.ru/2011/03/pochemu-uhudshaetsya-foto-pri.html
Якушевская Юлия Сергеевна
Добрый день. Не могу изменить ширину блога. Шаблон блога был загружен и ч/з "Дизайн" изменить не возможности. Где найти код для регулирования ширины? Заранее благодарна.
NMitra
Подскажите URL блога, а то в профиле много вариантов.
Якушевская Юлия Сергеевна
Вот адрес моего блога http://schoolservis.blogspot.com
Необходимо расширить область для сообщений, но не знаю как, т.к ч/з "Дизайн" НЕТ ВОЗМОЖНОСТИ.
NMitra
Шаблоны 2006 года. Найдите код в "Дизайн"-"Изменить HTML". Я убрала всё лишнее, оставив только суть

#outer-wrapper {
width:970px;
}
#main-wrapper {
width:670px;
}
#sidebar-wrapper {
width:280px;
}

#outer-wrapper - общая ширина, #main-wrapper - поле для статьи, #sidebar-wrapper - боковая колонка.

То есть 970=670+280+20 (отступ). Здесь всё попроще, чем сейчас в коде с "Дизайнером шаблонов".
Якушевская Юлия Сергеевна
Спасибо, но как расширить саму картинку (лист)? Очень прошу помочь. Вот ссылка на код моего блога. Помогите найти в этом коде, как зделать картинку фона для сообщений шире.
Якушевская Юлия Сергеевна
Вот ссылка https://docs.google.com/document/d/166GfEZU94EsYljavuvTOgcfI3eLJNA-jk7Ota-kYDrc/edit?hl=ru
NMitra
Вам нужно в фотошопе расширить http://1.bp.blogspot.com/_AxdTtBbEEYQ/TKqdPZhvdvI/AAAAAAAACFs/ajknxqsJNqI/s1600/main-but.png, http://2.bp.blogspot.com/_AxdTtBbEEYQ/TKqdPKWxpaI/AAAAAAAACFk/CPjIbabv0Nw/s1600/main-bg.png и http://4.bp.blogspot.com/_AxdTtBbEEYQ/TKqdPulNLNI/AAAAAAAACF0/Rfxru2IEckA/s1600/main-top2.png фото, а затем заменить на вновь полученный адрес

#main-but {
background:url("/main-but.png") no-repeat scroll 0 0 transparent;
}
#main-top {
background:url("/main-top2.png") no-repeat scroll 0 0 transparent;
}
#main {
background:url("/main-bg.png") repeat-y scroll 0 0 transparent;
}
Якушевская Юлия Сергеевна
Спасибо.
NMitra
Да, не просто.
SKLIF
Вопрос такой. Вот у меня есть такой шаблон под Блоггер - http://perversa-vere.blogspot.com/. Шаблон скачаный и на бесплатнике ничего сделать с ним нельзя. Но очень хотелось бы добавить по бокам ряд уместных гаджетов: рассылку, популярное, статистику, поиск, а главное контекстную рекламу!
Как это можно сделать, или где почитать?
Буду безмерно благодарен за посильную помощь.
Блог ваш очень понравился. Если честно, то один из немногих, где разжевываются азы именно оформления по html и прочим плюшкам. С удовольствием со временем прочту остальные разделы. Вот только жаль - нету обратной связи с автором блога) Это было бы удобнее.
NMitra
Добавьте

#sidebar-wrapper { float: left; }

Судя по коду, автор хотел чтобы была боковая колонка, а не пара гаджетов внизу, но видимо что-то не доделал.

Как я не люблю черный фон. У меня на экране только 40% белого, читать крайне сложно.

Смотрите закоренелых авторов, например, на блоге у Светланы - http://blogger4you.blogspot.com/2008/09/blogger-get-blog-wider.html, поскольку это шаблоны старых (2006 г. а может и позже) образцов. С ними можно экспериментировать, но нужно знать вёрстку. Можете посмотреть на пример из этой статьи - http://shpargalkablog.ru/2010/12/shirina-saita-css.html

Обратная связь присутствует - см. ссылка автор NMitra. n.mitra@yandex.ru
e-mail:
Здравствуйте! А не подскажете как "вмонтировать" небольшой гаджет поиска в шапку блоггера! К примеру в правый верхний угол! А то как правило правая сторона просто гуляет, место свободное! Поиск по сайту как раз был бы кстати! Спасибо!
NMitra
Здравствуйте! Процесс описан здесь http://shpargalkablog.ru/2011/01/dobavit-blok-v-zagalovok-blogger.html. Вы хотите добавить поиск стандартный от Blogger? Иначе делайте гаджет HTML/JavaScript и в него добавляйте соответствующий код.
pettrov
Наташа, а как разделить поле гаджета ПОСЛЕ сообщения на два?
pettrov
да, а можете подсказать скрипт для кнопочки НАВЕРХ - как у вас есть в блоге, чтобы сразу к началу страницы переходить?
NMitra
http://shpargalkablog.ru/2011/05/kak-sdelat-ssylku-k-nachalu-stranitsy.html - кнопка наверх.

В "Дизайнере шаблонов" выбрать вариант с двумя графами в футере.

Если поле сразу после сообщения, равное по ширине ему, и размещённое до футера, то

1) добавляем в поле под сообщением два гаджета,
2) смотрим их id без включенной галочки "Расширить шаблоны виджета", например BlogArchive1 для архива блога,
3) до ]]> пишем, например, с использованием двух гаджетов "Архив" и "Популярные сообщения":

#PopularPosts1{float: left; width: 40%;}
#BlogArchive1{float: right; width: 40%;}
Александр Алексеев
А как чтобы на главной странице не показывались сообщения?
NMitra
Привязать одно сообщение сверху - подробности здесь - http://shpargalkablog.ru/2010/07/vsegda-sverhu.html.
pettrov
а мне нравится кнопка "Наверх" такая, как у вас)) не хочу стрелочку))
NMitra
Вы хотите плавающую кнопку или перед комментариями - код ссылки добавить перед

<div class='comments' id='comments'>

А далее либо изображение вместо текста написать, либо кнопке прописать стили.

Мой вариант сложнее реализовать и работает она не так как хотелось бы - кнопка перезагружает страницу в некоторых браузерах. Объяснить будет труднее. Я делала через тег form и input.
Марсель Сакаев
Добрый день. Помогите пожалуйста. Разделил одно поле гаджета на два. Вставляю картинку. Первая вставляется нормально. Вторая вылетает.
Вот скриншот.

http://fotohost.kz/out.php/i306739_.png
NMitra
Добрый день. Нужно удалить padding: 15px; в #crosscol-right {}. А процент увеличить до 45%. В статье уже поправила.

Чтобы картинки легли на одной линии, с учётом их ширины, ширина блога должна быть не менее 1050.

Можно сделать проще, не разделяя указанное поле. Используйте гаджет HTML/JavaScript, куда добавьте:

<img src="http://3.bp.blogspot.com/-bLZep8u8eJ4/ToiF7oEaMGI/AAAAAAAACWU/-AT8Acj5WnI/s1600/ScreenHunter_01%2BOct.%2B02%2B19.40.bmp" /><img src="http://3.bp.blogspot.com/-bLZep8u8eJ4/ToiF7oEaMGI/AAAAAAAACWU/-AT8Acj5WnI/s1600/ScreenHunter_01%2BOct.%2B02%2B19.40.bmp" />

Опускаю alt, width и т.д.

Поподробнее расскажите, чего вы хотите добиться, будут ли применены скрипты.
Марсель Сакаев
Все равно не получается.
Ситуация такая. Планирую размещать баннеры в виде картинок с привязкой на ссылку. Я померил. Общая ширина 1000 пикс. Вставляю две картинки шириной по 490 пикс. Вроде бы все нормально, но картинка справа почему-то не доходит до правой границы сайта. Остается пустое пространство.
Кстати, кажется в коде ошибка:

#crosscol-left {width: 45%; display: inline-block;_float: left;}
#crosscol-right {width: 45%; display: inline-block; float: right;}
#crosscol-right .widget {margin: 0;}

В первой строке inline-block;_float: left;}
Во второй inline-block; float: right;} - тут нет нижнего подчеркивания между inline-block; float: right;}

Ставил с подчеркиванием - работает, картинки идут ровно в одной строке. Но правая картинка не доходит до правого края.

Или я туплю, что-то неправильно делаю. Ширину блога увеличил до 1050

Скриншот.
http://fotohost.kz/out.php/i306888_.jpg
NMitra
Нет, не в подчёркивании дело.

Ширина 1030. Ширина изображения 482 (не уверена, взяла из вашего скриншота).

Стили

#crosscol-left {width: 48%; display: inline-block;_float: left;}
#crosscol-right {width: 48%; display: inline-block; float: right;}
#crosscol-right .widget {margin: 0;}

Тестовый блог - http://rezultat-blog.blogspot.com/. Шаблон тот же.
Pavel Too
все перепробовал, нужно вот это-
на одной странице нужно вставить код (без проблем с пом. гаджета HTML/JavaScript, но это глобальное, будет отображаться на всех страницах), читал как убрать гаджет, получилось только пока одно (проходит ), я его убрал с главной странице, на ост. отображается, нужно чтоб он отображался только на одной странице (вот это не срабатывает )вообще не отображается

но главный момент в том что все-таки !!!Виджет не показывается, но показывается место где он был.я убрал его с главной , но там присутствует небольшое пустое место
Pavel Too
проходит

вот это не срабатывает
Pavel Too
не отображается здесь скопированный Ваш код
NMitra
URL блога и название гаджета, например, ТОП комментаторов.
Pavel Too
ооо , получилось, правда по другому,

мне нужно было вставить именно код (используется гаджет HTML/JavaScript), шас попробовал по Отправка->Изменить страницы
и именно на странице вставил код и все норм , пару часов назад что -то не было , сразу брал этот вариант , но не получилось , думал нужно вставлять код между тегами, получилось то что хотел, нужно еще , щас буду пробовать,

спасибо.
NMitra
Отлично. Именно поэтому я попросила показать конкретный элемент. Большинство стилей и скриптов, которые я демонстрирую на блоге, вставлены в сообщения, а не шаблон.
Evgeniy
Здравствуйте. Я вообще ламер в этих делах. Но я понял что у меня не получается. Подскажите пожалуйста как мне добавить такой гаджет или его название чтоб выбрать из списка. Посетитель может оставить свои данные Имя, Еmail это сообщение придёт мне автоматом на мой почтовый ящик. Заранее спасибо, а то уже голову ломаю, по адресу попал)
NMitra
У вас посмотрела. Всё верно - это https://docs.google.com/?hl=ru#home
Только код можно немного подправить:

<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dE5jajFZVVlIQ0t4OUpaX0ZVYndKNUE6MA" marginheight="0" marginwidth="0" frameborder="0" height="900" width="750" scrolling="no">Загрузка...</iframe>
Юна Yukie
Наталья я так запуталась..
Прошу помощи.
Провела операцию по Разделить одно поле гаджета на два под заголовком.еще проводила манипуляции что то связанное со страниицами (отправка-изменение страницы- создать страницу-HTML что то там делала) ).. простите что так не внятно, просто очень много инфы и переходящих друг в друга ссылок что я запуталась( Так вот. сделала эти 2 операции. и хочу чтоб вкладочки у меня появились как у вас на верху главная блоггер и тд. тыкаю изменить гаджет, хочу выбрать страницы а там пишет что уже установлено. хотя я его не вижу. если вы хоть что то поняли, подскажите как мне быть. Заранее благодарю!
NMitra
Эта ошибка встречается всё чаще, даже у опытных http://shpargalkablog.ru/2011/08/stranicy-blogger.html комментарий 6-7. Вы можете попробовать, так как Яндекс ещё не проиндексировал блог, а Гугл довольно быстро умеет переиндексировать. Страницы у вас не ЧПУ http://shpargalkablog.ru/2011/08/optimizatsiya-url.html , предполагаю, что всё пройдет гладко. Однако сначала: экспортируйте блог и сохраните шаблон http://shpargalkablog.ru/2011/01/bezopastnost-blogger.html пункты 1, 3. А самое главное создайте новый блог и протестируйте всю операцию. Больший упор сделайте на адреса страниц URL - они должны быть одинаковыми.
Юна Yukie
Благодарю. Пошла разбираться! Спасибо огромное!
Vladimir Yaritenko
А как можно сделать такую вещь- на главной странице у меня есть баннер, сверзу, то есть на главной странице он нужен, но при переходе на остальные страницы, например вкладку КОНТАКТЫ и все остальные- чтоб он не показывался. то есть один верхний HTML гаджет чтоб был доступен только первой странице .. как так сделать?
NMitra
Владимир, ответ в этой же статье http://shpargalkablog.ru/2010/11/gadzhety-dlya-blogger.html#ubrat
Условие
'data:blog.url == data:blog.homepageUrl'
Завгородний Эдуард
Блог завел только вчера, раньше неприходилось с этим сталкиваться. Подскажите куда и в каком месте нужно вставить сгенерированный код полученный для того чтобы в блоге играла фоновая музыка? Заранее благодарен за помощь.
NMitra
Добавьте код в гаджет HTML/JavaScript. В некоторых случаях требуется внести код или его часть до /head, тогда нужно изменить шаблон - http://shpargalkablog.ru/2011/12/kak-izmenit-shablon-blogger.html
Якушевская Юлия Сергеевна
Добрый день. Пробую убрать 2 колонки со страницы http://yakushevskaya.blogspot.com/p/blog-page_27.html (содержание), но ничего не получается. Помогите пожалуйста, какой нужно прописать конкретно код? Вы написали, что лучше заменить .main-inner .column-right-outer {display: none;}на другой код, когда начинаю заменять, происходит ошибка в коде.
С уважением, Юлия
NMitra
Добрый день. Подправила статью, надеюсь так стало более доступно.
Якушевская Юлия Сергеевна
Я не понимаю, что делать со вторым кодом. Где его искать или просто ниже добавить? Помогите пожалуйста.
NMitra
http://shpargalkablog.ru/2011/12/kak-izmenit-shablon-blogger.html CTRL+F задаём

class='column-right-outer'

Этот фрагмент окружаем условием b:if.
Oleg Golinskiy
как создавать новые сообщения на всех страницах блога?
NMitra
Не поняла вопроса. Приведите пример.
Marusya
Добрый день подскажите могу ли я добавить на боковую панель рекламный Баннер (шаблон Динамический просмотр) !!!
NMitra
У динамических шаблонах не предусмотрены гаджеты. Также у них не получиться поменять HTML код.
Marina
Добрый вечер! Просьба! Скажите пожалуйста, как можно разделить на ТРИ части (чтоб вставлять туда гаджеты или скрипты) область шапки?
Как например разделен footer на 3 части в этом примере http://seorussian.blogspot.com/2008/11/bloggercom.html
Это Не реклама, просто не знаю как написать правильно.
Очень надеюсь на ответ.
Кстати, именно footer я смогла сделать. А вот в верхней части шаблона ну НИКАК:)))

Спасибо!
Vladimir Yaritenko
Добрый день! А можно поинтересоваться что у Вас находится в блоке ,,Оптимизация Blogger,,?
NMitra
Marina, посмотрите статью выше. По аналогии делаем. Перед ]]></b:skin>:

#crosscol-raz {width: 30%; display: inline-block; float: left;}
#crosscol-dva {width: 30%; display: inline-block; }
#crosscol-tri {width: 30%; display: inline-block; }
#crosscol-dva .widget, #crosscol-tri .widget {margin: 0;}

Перед ]]></b:template-skin>:

#layout #crosscol-raz {width: 30%; display: inline-block; float: left;}
#layout #crosscol-dva {width: 30%; display: inline-block; }
#layout #crosscol-tri {width: 30%; display: inline-block; }

HTML:

<b:section class='tabs' id='crosscol-raz' maxwidgets='' showaddelement='yes'/>
<b:section id='crosscol-dva' showaddelement='yes'/>
<b:section id='crosscol-tri' showaddelement='yes'/>
<div style='clear: both;'/>
NMitra
Vladimir Yaritenko, действия, которые помогут улучшить вид блога в глазах поисковиков.
Marina
Спасибо ОГРОМНОЕ! NMitra, но у меня нет такой строки ]]>:
Есть только ]]>, подскажите пожалуйста где ее искать.
А вообще даже не ожидала, что Вы мне ответите, так как задавала вопросы на некоторых блогах и ответа НЕТ,
Очень Вам благодарна.
Да еще, я "эксперименты" делаю не на родном блоге, а на тестовом.
Сегодня попробую Ваши советы и отпишусь. Попробую на родном:)))
Еще раз спасибо!
Marina
Почему-то не все отображается

:
напишу по русски б темплате скин, этой строки нет
NMitra
</b:template-skin> стоит ниже </b:skin>. Это для вашего удобства, можете эти строки и не добавлять.
Marina
Уважаемая NMitra!
Наверно я не правильно задаю вопрос. Простите:)))
Очень хочу, чтоб кнопки +1,Twitter и Ф бук расположились ИМЕННО в шапке в правом нижнем углу и чтоб потом можно было еще туда добавлять что-то из кнопок или скрипт. Но не виджетами, так как от виджетов остается бордюр (как сейчас в блоке постов), и его практически не убрать(даже если фон виджетов сделать прозрачным.
С Вашими рекомендациями у меня получились именно виджеты(гаджеты) в ряд три штуки. Очень здорово, и я рада, что у меня это получилось.
Но сделайте одолжение, научите пожалуйста именно с кнопками.
Если что, то буду "рыть" и учиться:)))
С Уважением Марина.

Сайт над которым "издеваюсь" :)))
http://tasha50.blogspot.com/
Marina
А позицию " б темплате скин" так и не нашла. Может ее можно вставить куда - нибудь??? Посоветуйте пожалуйста.
NMitra
Используйте таблицу:

http://shpargalkablog.ru/2010/08/gadzhet-htmljavascript-blogger.html#table
Marina
Наверное я жуткий "чайник":(((
А куда эту таблицу вставлять??? Если можно на моем примере.
Пожалуйста.
Ведь там будет и адрес картинки, его тоже нужно как-то вставить, а потом, как я понимаю еще и выровнять.
Starkkk
Здравствуйте, как сделать чтоб сообщение не отображались на главной странице, а только в рубрике. В моем блоге не все статьи соответствуют тематики блога.
Vladimir Yaritenko
NMitra

Vladimir Yaritenko, действия, которые помогут улучшить вид блога в глазах поисковиков.

а можете поделиться?
NMitra
Marina, насколько я поняла вам нужны иконки в шапке.

Можно сделать так: http://shpargalkablog.ru/2011/01/dobavit-blok-v-zagalovok-blogger.html Мне этот вариант очень нравится, именно с помощью него я разместила баннер. Выбирайте гаджет HTML/JavaScript, куда добавьте таблицу (ссылку я выше давала):

<style type="text/css">
.ikonki td {padding-left: 5px;}
</style>

<table class="ikonki">
<tr>
<td><a href="URL"><img src="адрес_картинки"/></a></td>
<td><a href="URL"><img src="адрес_картинки"/></a></td>
</tr>
</table>

Это упрощённо. Полный код картинки http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html#izo

С помощью позиционирования сможете найти нужное место для иконок. Благодаря padding-left - расстояние между иконками.
NMitra
Starkkk, здравствуйте. Начальный вариант:

<b:includable id='post' var='post'>
...содержание...
</b:includable>

Его меняем на

<b:includable id='post' var='post'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:if cond='data:blog.url != &quot;URL-страницы&quot;'><b:else/>
...содержание...
  </b:if>
<b:else/>
...содержание...
</b:if>
</b:includable>
NMitra
Vladimir Yaritenko, http://shpargalkablog.ru/2010/09/optimizatsiya-blogger.html
Артем Чернов
Здравствуйте!
Как быть - хочу убрать боковую панель с нескольких страниц блога - что нужно менять в html?
NMitra
http://shpargalkablog.ru/2010/11/gadzhety-dlya-blogger.html#pokaz )))
Артем Чернов
Я так и сделал, но только для одной страницы. Ввел такой же код для другой после первого кода - пишет, что неправильный код.
Артем Чернов
Можно ли как-то в эти коды ввести ссылки на несколько страниц?
Andreykkk
Извините, я забыл уточнить, я хочу чтоб только отдельные сообщения не отображали на главной странице блога, а только в рубрике, а все остальные сообщения отображались нормально
NMitra
Артем Чернов, у меня добавлен один код после другого, всё нормально. Вам нужно проверить, что вносите код после закрытого тега первого, а не один код в другой.
NMitra
Andreykkk, http://shpargalkablog.ru/2011/02/uslovnye-tegi-v-blogger.html снизу. Нет на главной, но если статья упадёт далее Главной, то по ссылке "Предыдущие" она будет видна. Можно поставить условие index, но тогда её не будет видно и на странице ярлыков http://домен/search/label/ярлык.
Marina
Три ночи и никак...
NMitra, пожалуйста еще раз поясните.
Хочу в ШАПКУ без ВИДЖЕТОВ встаить картинку,ссылающуюся на другой сайт.
Именно картинку. Ваши статьи прочитала, (Добавить несколько элементов в гаджет HTML/JavaScript., Как добавить баннер в заголовок Blogger., Как написать код текстом на HTML странице., Добавить картинку в заголовок блога........), но своем блоге ничего не получается. Или картинку вообще не видно, или ее не сдвинуть с места. А уж с таблицей вообще ничего не вышло.
CSS никак не подобрать. Прошу вас помочь. Так как только Вы отвечаете на просьбы :)))(Это ФАКТ)
http://tasha50.blogspot.com/
Marina
Забыла сказать, у меня не стандартный шаблон ( делала в Аристер)
Спасибо!
Admin: Наталья Сергеевна
не появляется виджет в постоянных читателях на блоге,что делать? уже всё удаляла,загружала заново и !
NMitra
Группу шаблонов поменяйте, нажмите "Восстановить шаблоны виджетов по умолчанию" http://shpargalkablog.ru/2011/12/kak-izmenit-shablon-blogger.html. Но тогда внесённые изменения будут утеряны. Попробуйте загрузить через http://www.google.com/friendconnect/
NMitra
Marina, можете до конца недели дать мне права на управления блогом, посмотрю. Порой проще сделать, чем объяснить.
Якушевская Юлия Сергеевна
Хотела бы поздравить Вас,и ваш блог с присвоением номинации "Чудо-блог"! С удовольствием передаю Вам эту эстафету ))) Удачи!! http://schoolservis.blogspot.com
NMitra
Спасибо, Юлия! К сожалению, сейчас всё меньше занимаюсь блогом и всё больше бегаю по врачам :(
And-rz
Здравствуйте, вы публиковали небольшое "сообщение для пользователе" в котором описывались разные способы как не показывать на главной странице того или иного сообщение, где его можно прочитать?
Посмотрите пожалуйста html код это сообщение, на сайте оно не отображается на главной, а в рубрике есть
And-rz
bigpicture.ru/?p=261113
NMitra
Посмотрите две страницы

http://shpargalkablog.ru/2011/03/yarlyki-blogger.html
http://shpargalkablog.ru/2011/02/uslovnye-tegi-v-blogger.html
Якушевская Юлия Сергеевна
Добрый вечер, помогите пожалуйста убрать левую и правую колонки со страницы "Содержание". С кодом вроде разобралась, но у меня убирается только текст левой колонки, а правая просто смещается в бок. Страница "Содержание"
NMitra
http://shpargalkablog.ru/2010/11/gadzhety-dlya-blogger.html#pokaz

Первое что сделаем - добавим условие перед

<div class='column-right-outer'>

То есть фактически удалим её со страниц "Содержание".

Потом тоже самое с

<div class='column-left-outer'>

И только затем будем вносить стили, которые позволят сообщению занять всю площадь блога.
Feofan
Подскажите, пожалуйста, как вставить в свой блог http://feofan12.blogspot.com вот этот календарь?
http://days.pravoslavie.ru/script/calendar.htm
NMitra
В гаджет HTML/JavaScript добавьте

<script language="Javascript" src="http://script.days.ru/calendar.php"></script>
Feofan
Спасибо Вам за быстрый ответ!
Добавляю, но блог после этого выдаёт ошибку Error 500 и абсолютно не загружается.
Написал в веб-поддержку на pravoslavie.ru - там молчат.
Не подскажите, что это может быть?
Простите, что беспокою со своими вопросами.
NMitra
Не могу сказать. Прежде чем отписаться, попробовала на тестовом блоге, всё функционирует без проблем.
Feofan
Не знаю почему и как, но заработало!!! Спасибо большое! Простите, что отвлекал.
Улыбчивого Вам настроения! :)
Tatiana Chernetsova
Спасибо за то, что вы есть! Многое в своем блоге сделала, изменила благодаря вашим статьям.
Уменьшить расстояние между основным сообщением и боковой колонкой, как вы советовали в 65-м комментарии мне не удалось. Получилось криво.
Методом проб и ошибок,дошла до следующего:

Чтобы уменьшить расстояние между сообщением и боковой колонкой я изменила в шаблоне

.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 5px;
}

на

.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 0px;
}
NMitra
Благодарю за ваше дополнения! Это очень ценно.
luxutry
kak mojna reklami pastavit ili knopki spasiba
NMitra
http://shpargalkablog.ru/2011/01/dobavit-blok-v-zagalovok-blogger.html
http://shpargalkablog.ru/2010/07/adsense-s-nulya.html
http://shpargalkablog.ru/2011/08/zarabotok-na-rsya-s-nulya.html
Mark.S. F.
Здравствуйте.Все гаджеты на Главной странице расположились внизу слева http://clip2net.com/s/1M2Qe , а на остальных страницах распологаются правильно: справо сверху-вниз.Как исправить расположение на Главной стр. Спасибо
NMitra
Здравствуйте, описывайте, пожалуйста, что конкретно хотели добиться. В целом смотрите на условие http://shpargalkablog.ru/2011/02/uslovnye-tegi-v-blogger.html

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Mark.S. F.
(к №166)Попробовал изложить на рисунке:
http://ifotki.info/10/8f4f385abc73f57ad461976d543e396a6d40c6116364664.jpg.html
NMitra
Посмотрите тут http://shpargalkablog.ru/2012/03/shablon-blogger-polomalsya.html
Александр Мартынов
Занятно!Я новичок на blogspote,никто не подскажет как разместить гаджет не на самой боковой панели,а внутри поста?
NMitra
Только с помощью IFRAME, но это больно трудоёмко.
reg-user
интересненькая статейка, а размеры гаджетов отдельно можно выставлять
NMitra
http://shpargalkablog.ru/2010/11/gadzhety-dlya-blogger.html#shirina см картинку - "Правая боковая панель".

http://shpargalkablog.ru/2011/04/gadzhet-spisok-ssylok-blogger.html пункт "Стиль для гаджета бокового меню" там пример с type='LinkList', вы же используете свой тип гаджета, например, HTML - гаджет HTML/JavaScript

Ширина в CSS - width
NMitra
Код будет выглядеть как-то так

#HTML1{
width: 120%; position: relative; left: -60px;
}
Анонимный
скажите, пожалуйста. а как уменьшить разрыв между гаджетами? (к примеру, между картинками на боковой панели)
Космо Мизраил Горыныч
Наталья, здравствуйте! Эт снова я со своими гаджетами... 0:)
Попробовал спрятать на всех страницах, кроме главной, блок "постоянные читатели" (стандартный). Но он не хочет скрываться >:|
Вечно вырезает мои условия. Ставлю так же, как и в образце (в правильности абсолютно уверен); на третьем разе уже скопировал рабочую строку из моего же шаблона (вдруг я накосячил??) - всё равно аккуратно удаляет условия и показывает этот блок везде.

Можно ли вообще скрыть этот гаджет ?_? или его заменять надо чем-то??

...сейчас попытаюсь сделать копию этого блока через гаджет html/javascript.
NMitra
Здравствуйте!
Именно с ним не получиться. Решение: http://shpargalkablog.ru/2010/08/gadzhet-htmljavascript-blogger.html#chitateli
Космо Мизраил Горыныч
*U* Получилось-получилось-получилось ^_^

Как спрятать стандартный блок "постоянные читатели":
1. Через firebug, Opera Dragonfly, анализатор хромиума достаём весь внутренний HTML (innerHTML) блока, где находится окошко с постоянными читателями (после заголовка).
2. страницу со страницей блога лучше не закрывать.
Идём в Дизайн и удаляем этот блок. При необходимости его можно будет поставить снова.
3. Создаём в том же месте блок HTML/Javascript. Называем его "Постоянными читателями" и вставляем скопированные внутренности оригинала.
Подробнее в статье shpargalkablog.ru/2010/08/gadzhet-htmljavascript-blogger.html
Сохраняем.
Сейчас лучше проверить, правильно ли вы всё сделали - просто откройте любую страницу вашего блога.
4. Идём в Шаблон ➡ изменить html ➡ расширить шаблоны виджетов.
Ищем наш блок по названию (поиск - Ctrl+F).
5. Немного ниже строки с названием, ПОСЛЕ

ПИШЕМ

Можно поставить своё условие.
6. Ещё чуть ниже, ПЕРЕД

ПИШЕМ

7. Сохраняем и проверяем.

Такой блок не реагирует на смену дизайна. Дизайн регулируется в одном из скриптов. Если вы не можете отредактировать код сами, можно просто повторить процедуру.
Космо Мизраил Горыныч
Ай, вы уже ответили :) блоггер коды порезал. В целом, там то же самое, что и было написано выше.
NMitra
Анонимный (комментарий 175): перед ]]></b:skin> добавить

.sidebar .widget {margin: 1px;}

Значение margin на ваше усмотрение http://shpargalkablog.ru/2011/03/svoistva-margin-padding.html
NMitra
Космо Мизраил Горыныч, жаль что таким же образом не все гаджеты можно перебрасывать.
NMitra
Мда, "Мастера сообществ Google" уже перестал существовать, остался только метод через код страницы.
Космо Мизраил Горыныч
А какие ещё нельзя обычным способом спрятать??
Марочкина Ирина Анатольевна
Как в блог вставить форму-гаджет (или просто форму) для общения по электронной почте
NMitra
Остальные можно, я рассматривала вариант с добавлением гаджета в тело статьи.
NMitra
Ирина Анатольевна, рекомендуют оставлять email даже если присутствует форма обратной связи - http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html#pochta

Для создания формы придется воспользоваться сторонним сервисом, я рекомендую "Документы Google" - https://docs.google.com/ (он на русском, там всё довольно доступно)
Alex
А как уменьшить расстояние между гаджетами (картинками с ссылками)? спасибо!
http://crdisorder.blogspot.com/
NMitra
См. коммен6тарий 180. Только для гаджета "Картинки":

.sidebar .Image {margin: 1px;}
Mishechka
Я бы хотел в заголовок, в правый нижний угол, вставить либо картинку-ссылку, либо скрипт подписки по RSS, желательно с подписью. Я поставил у себя картинку (http://portable-rus.blogspot.com/), но она там как сбоку бантик. Когда перетаскивал туда гаджет, то он всё время тулится к левому краю. Может подскажете что-нибудь? Я подозреваю, что тут и гаджет не нужен...

Спасибо.
NMitra
Пропишите стили CSS. Либо абсолютное - http://shpargalkablog.ru/2011/04/css-nalozhenie.html , либо фиксированное позиционирование http://shpargalkablog.ru/2012/04/position-fixed-html.html . Можно экспериментировать как с содержимым гаджета http://shpargalkablog.ru/2010/12/kak-razmestit-izobrazhenie-v-nuzhnom.html , так и в целом с ним (в вашем случае #Image1).
Наталка Михайлівна Зуб
Здравствуйте. Скажите пожалуйста, можно ли в блоггере сделать так, как здесь:http://geo-klass.at.ua/publ...Я имею в виду, чтобы название статей были ссылками на страницу. Если пишешь сообщение на главной странице, то там можно сделать ссылку"читать дальше", чтобы не загромождать страницу. А если пишешь сообщение на других страницах, это не работает. Допустим я хочу на одной странице разместить много разного материала,но он там будет идти один за одним и занимать ОЧЕНЬ много места, не говоря уже о том. чтобы попытаться найти то что нужно....пока все перешерстиш...Ну,как смогла, объяснила...
NMitra
Здравствуйте,
1) ярлыки http://shpargalkablog.ru/2011/03/yarlyki-blogger.html
2) спойлер http://shpargalkablog.ru/2010/11/poyavlyayushchiesya-commentarii.html
Владислав Васиуллин
Всем привет! У меня ворос. А можно ли скачать и установить в блог новые гаджеты? Если можно, то как это сделать? Заранее спасибо.
NMitra
Какие именно, откуда вы хотите их взять? Любой код (HTML, CSS, JavaScript) можно внести в гаджет HTML/JavaScript.

Дополнительно посмотрите справку http://support.google.com/blogger/bin/answer.py?hl=ru&answer=53219
NMitra
"Дизайн"-"Добавить гаджет"- см. слева "Основы", "Дополнительные". Там много всякого.
lubov_vas
Здравствуйте!
У меня проблема: на главной странице не отображается боковая панель с гаджетами: обо мне, ярлыки, архив и т.д. Когда просматриваешь сообщения по ярлыкам, все нормально, боковая панель на месте. Как сделать, чтобы на главной странице тоже все отображалось? Спасибо!
NMitra
Здравствуйте, см. http://shpargalkablog.ru/2012/03/shablon-blogger-polomalsya.html и http://shpargalkablog.ru/2011/09/perestala-otobrazhatsya-bokovaya-panel.html
lubov_vas
Спасибо! С наступающим Рождеством!
NMitra
И Вас!
Alekcey Nikolaev
добрый вечер, подскажите мне как увеличить ширину шаблона, в дезайнере шаблонов не получается, т.к. это скачаный шаблон.вот блог http://afrika190.blogspot.ru/
«Самые старые ‹Старые   1 – 200 из 291   Новые› Самые новые»