Как сделать один раз на все статьи Blogger

"Как сделать один раз на все статьи Blogger?" - вот такой говорящий заголовок. Что сделать? - добавить ссылку, картинку, какой-то элемент. Здесь я не буду рассматривать гаджеты, только тело сообщения.

Чтобы не заниматься работой обезьянки, заглянем в шаблон "Дизайн"-"Изменить HTML"-"Расширить шаблоны виджета". Сюда мы будем добавлять наш код. Но чтобы он "заработал", почти всегда нужно предварительно его преобразовать с помощью программы CoderHTML или вручную заменить < > & на специальные символы.

Места для внесения кода.

Начнем сверху вниз. За образец я выбрала шаблон "Простой". В скриншотах вы увидите слово "ТЕСТ".

Где: над датой.
Размещаем после кода.
<b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>

Где: на одной линией с датой.
Внутри тега h2.
<h2 class='date-header'>здесь ваш код</h2>
И, я думаю, понятно, что поместив за этим фрагментом, элемент переместиться ниже даты.
Где: после заголовка.
Строку
<div class='post-header-line-1'/>
заменяем на:
<div class='post-header-line-1'>здесь ваш код</div>
либо перед
<data:post.body/>
Где: после поста.
Ниже
<data:post.body/>
Где: в футере поста.
После сообщения есть три линии. В зависимости от вашего выбора, пишем ниже
<div class='post-footer-line post-footer-line-1'>
или
<div class='post-footer-line post-footer-line-2'>
или
<div class='post-footer-line post-footer-line-3'/>
Где: до количества комментариев.
Указываем за
<div class='comments' id='comments'>
Где: после количества отзывов.
Выше
<b:if cond='data:post.commentPagingRequired'>
Где: перед текстом "Отправить комментарий".
После
<b:includable id='comment-form' var='post'>
Где: перед формой "Отправить комментарий".
Несколько слов мы можем написать на вкладке "Настройки"-"Комментарии"-"Сообщение формы создания комментариев".


Надеюсь эти наработки помогут ориентироваться в шаблоне Blogger.
в f t
наверх ↑

33 комментария:

Хозяин Лягушатника
Что-то я не понял, что сделать одни раз?
NMitra
Разместить код рекламы или скрипт какой-нибудь, например, кнопок соц сетей.
Хозяин Лягушатника
Скажите, есть в настройках блога: Архивирование
Частота обновления архива - это нужно включать?
NMitra
Я включила "кажд месяц". Он нужен для одноименного гаджета. Сейчас я его не использую, но вдруг он мне будет интересен в будущем.

Включить страницы сообщений? - Да
SynVelesa
а разве правильно между тегами <.h2> и <./h2> вставлять другие теги? http://seo-ceo.ru/kak-pravilno-ispolzovat-tegi-h1-h2-h3%E2%80%A6h6-na-stranice-sajta.html информацию почерпнул там
NMitra
Верное замечание. Забыла оговориться, что у себя в дате тег h заменила на p.
Oleg
не работает
NMitra
Вы про AbSense? Надо немного подождать.
Мич
Всё сделал. Отлично получилось! Спасибо!
Поц
Блин вчера пробовал и из-за этого удалил :(
NMitra
Что конкретно пробовал?
Lili4ka
Добрый день. Вы не подскажете почему в панели инструментов в новой панеле Bloggera нет доступа к текущему шаблону и соответственно нет возможности управлять шаблонов, вносить в него изменения и т.д. как в старой версии? При нажатии на шаблон появляется черный экран с серым логотипом блоггера в центре и все. Буду очень признательная если получу от Вас помощь и содействие. С уважением Лилия.
Lili4ka
Я забыла сказать, что это касается блога http://maman-lima.com/
NMitra
В черновиках посмотрела: "Шаблон"-"Изменить HTML" под картинкой "Сейчас в блоге" - см. http://draft.blogger.com/blogger.g?blogID=8328080297100775328#template.

Или посмотрите здесь - http://www.blogger.com/html?blogID=8328080297100775328
NMitra
Или так: http://draft.blogger.com/html?blogID=8328080297100775328
Анонимный
А подскажите пожалуйста какой код и куда вставлять чтоб иметь в каждой статье кликабельную картинку по центру, заранее залитую в Picasa или другой хостинг картинок.

Или как получить такой эффект?

При вставке в статью ссылки типа:
http://www.google.com/
http://www.google.com/webhp?hl=ru
http://www.google.com/imghp?hl=ru&tab=wi
http://www.google.com/webhp?hl=ru&tbo=u&tbm=vid&source=og&sa=N&tab=lv
итд
где ключевой адрес - http://www.google.com/... продолжение может иметь разную длину адреса.

Как результат необходимо получить кликабельную картинку с переходом по этим адресам в новой вкладке.

Извеняюсь если непонятно объяснил суть просьбы.
NMitra
Посмотрите эту статью - http://shpargalkablog.ru/2011/03/pochemu-uhudshaetsya-foto-pri.html

Для того, чтобы по клику на картинке переходить на другую страницу, измените код на вкладке "Изменить HTML" при написании статьи. Например, этот

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-_BTQzdMr2zI/To2qt6ALRkI/AAAAAAAACXM/zmTDg2OIbOk/s1600/obezyaan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="http://4.bp.blogspot.com/-_BTQzdMr2zI/To2qt6ALRkI/AAAAAAAACXM/zmTDg2OIbOk/s320/obezyaan.jpg" width="320" /></a></div>

на

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.google.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="http://4.bp.blogspot.com/-_BTQzdMr2zI/To2qt6ALRkI/AAAAAAAACXM/zmTDg2OIbOk/s320/obezyaan.jpg" width="320" /></a></div>
Анонимный
Спасибо за помощь, но вопрос не в том как сделать картинку кликабельной, а в том как и что прописать в коде шаблона, чтоб при последующей вставке в статью ссылок типа:

Пример:
http://www.google.com/
http://www.google.com/webhp?hl=ru
http://www.google.com/imghp?hl=ru&tab=wi
http://www.google.com/support/forum/p/blogger/thread?tid=643861db5f981583&hl=ru
итд... где маска http://www.google.com/

как результат, получать всегда в готовой статье кликабельную кнопку-картинку с переходом по этим ссылкам.

Вот пример написанный на php:
http://infoscript.ru/news/avtomaticheskaja_zamena_ssylok_na_izobrazhenija/2010-05-27-1506
NMitra
Посмотрите здесь - http://shpargalkablog.ru/2011/10/izmenit-slovo-logotipom-ili-kartinkoy.html.
Анонимный
Спасибо, очень помогли :)
Vitalik Doroshenko
Меня интересует варианты размещения Над Заголовком и Ниже текста.
Как их сделать только в посте, но чтобы на главной странице они не отображались.
Больший интерес разместить код сразу После текста. Заранее спасибо.
NMitra
До или после <data:post.body/>

<b:if cond='data:blog.url != data:blog.homepageUrl'>ваша_инфо<data:post.body/>ваша_инфо<b:else/><data:post.body/></b:if>

Посмотрите ещё про условные теги http://shpargalkablog.ru/2011/02/uslovnye-tegi-v-blogger.html
Vitalik Doroshenko
Спасибо, сейчас попробую!
Анонимный
Здравствуйте! Подскажите пожалуйста, я вот добавила код из Вашего последнего комментария, но мне нужно было, только чтобы необходимый текст располагался после сообщения и не отображался на главной странице. То есть я взяла из Вашего кода это ваша_инфо
В результате вроде все стало отображаться, как я хотела, но... У меня в блоге есть постраничная навигация, сделанная по Вашему же описанию отсюда http://shpargalkablog.ru/2010/11/postranichnaya-navigatsiya-dlya-blogger.html. И когда я перехожу с главной странички на любую другую с помощью этих ярлычков внизу, то на открывшейся странице рекламный код виден прямо на главной, а не только когда открываешь определенную статью. Причем почему-то он отображается не под каждой из 7 статей на главной, а только под тремя, а остальные идут без рекламы на главной.
Анонимный
Не отображается код, который я хотела показать. В общем в Вашем комментарии показано, как вставить нужный текст до поста и после. Я взяла только после.
Анонимный
Уже разобралась сама
NMitra
Эх, не всегда успеваю оперативно отвечать. Да, там нужно было в условные теги http://shpargalkablog.ru/2011/02/uslovnye-tegi-v-blogger.html код убрать. Хорошо, что разобрались сами!
Анонимный
Здравствуй, NMitra!
Ответь, пожалуйста, на 2 вопроса:

1. Мне хочется расположить перед комментариями изображение (конечно, так, чтобы оно появлялось во всех постах).
Но есть проблема: изображение появляется перед комментариями только в тех постах, где комментариев нет. Если комментарии есть - нет и изображения. Как это исправить?
Я располагал код изображения в шаблоне в трёх разных местах:
а) перед текстом "Отправить комментарий",
б) после количества отзывов,
в) до количества комментариев.
К сожалению, проблема остаётся.

2. Как отключить No CAPTCHA reCAPTCHA от google?
Спама в комментарии мне не приходит, а эта капча мешает моим читателям и оскорбляет меня.

Был бы очень благодарен за помощь!
NMitra
Здравствуйте

А какие комментарии у вас стоят? От Гугла? Древовидные? Какой адрес блога?

"Настройки"-"Сообщения и комментарии"-"Использовать проверку по слову"-"Нет"
Анонимный
Спасибо за ответ, NMitra!

1. У меня стоят стандартные комментарии от google, древовидные, адрес моего блога: http://samoe-vazhnoe.blogspot.ru/
Прошу посмотреть посты с комментариями и без - тогда будет понятно, как исчезает изображение над комментариями.

2. Нет, NMitra, думаю, ты просто не знаешь о нововведении от google: теперь во всех блогах (в том числе твоём), если писать сообщение от имени "Анонимный", появляется обязательная проверка No CAPTCHA reCAPTCHA.
Разумеется, в настройках блога я сделал всё, чтобы не было капчи (и прописанный тобой совет). Отключить через настройки No CAPTCHA reCAPTCHA нельзя. Может быть, можно изменить шаблон?
Ты можешь попробовать написать анонимный комментарий в этом или в моём блоге, чтобы понять, о чём речь.
NMitra
2) Нет, это встроенная система, в шаблоне не изменить. Чтобы не было капчи можно включить модерацию: "Контроль комментариев"-"Всегда". О нововведении действительно не знала. У меня было так много спама, что капча была неминуема.
NMitra
1) В древовидных другой код. Попробуйте так ('это CSS):

#comments .comments-content:before { content: url(https://lh3.googleusercontent.com/-MmXtZIhJcC0/VW3omucBbKI/AAAAAAAAG3g/dXvhdpNeHIo/s624/%2525D0%2525BA%2525D0%2525BE%2525D0%2525BC%2525D0%2525BC%2525D0%2525B5%2525D0%2525BD%2525D1%252582%2525D0%2525B0%2525D1%252580%2525D0%2525B8%2525D0%2525B9.png); }
Анонимный
Большое спасибо за решение, NMitra!
Это помогло!