Гаджет "Подписка на блог по почте".

Команда Blogger радует нас в начале 2011 тем, что вводит в обращение новый гаджет.
Это гаджет подписки на блог по электронной почте:

У нас на русском он называется "Рассылка обновлений по электронной почте".
Гаджет основан на технологии FeedBurner. Он создаёт rss-фид в "Фидбёрнере" вида

http://feeds.feedburner.com/blogspot/Xxxxx

Из него впоследствии ведётся рассылка почты подписавшимся на блог пользователям.
Я, однако, предпочитаю пользовться Фидбёрнером напрямую.
Там как-то и для фида можно сделать название с более красивым адресом и осмысленным названием (то есть вида http://feeds.feedburner.com/ВашеНазвание). Да и настроек вида гаджета там больше.
В "Блоггер" же новый гаджет выглядит вот так:

Строку "Follow by Email" можно изменить на свою.
Простенько, ничего лишнего - но это, я считаю, хорошо. Для большинства пользователей - очень удобно и быстро в настройке.
Вообщем, можете зайти в Панель инструментов / Дизайн, добавить новый гаджет и попробовать лично.

Кроме этого, команда программистов Blogger хотят порадовать нас в 2011 году кое-чем ещё.
Из анонсированного - новый профиль пользователя. Он, взамен убогого нынешнего, будет выглядеть вот так (щелкните, чтоб посмотреть крупнее):

Социальные кнопки от Blogger.

По поводу социальных кнопок:
Компания Blogger не так давно сама запустила свои соц. кнопки. Как они выглядят можно посмотреть прямо под этим моим постом.
Там, однако, нет русских сервисов. Но может кто-то хочет всё равно поставить себе родную "гугловскую" кнопку.
Функция на данный момент доступна только в Blogger Draft.
Для этого необходимо зайти в панель инструментов / дизайн / элементы страницы. Там выбрать сообщения блога - изменить.
И там поставить галочку на "Показывать кнопки для публикации".

Всё просто. Но, к сожалению, в некоторых шаблонах эти кнопочки отчего-то не включаются.

Чтобы это исправить - необходимо вначале проделать вышеописанную операцию.
А затем зайти в редактирование HTML, найти строки:

<!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>

И после них вставить эту:

<div class='post-share-buttons'>
        <b:include data='post' name='shareButtons'/>
      </div>

После этого всё должно отображаться правильно.

Социальные кнопки для Blogger.

Меня некоторое время назад заинтересовала тема - а как поставить на Blogspot кнопки внизу постов типа "сохранить вконтакте", добавить в Facebook и т.п.
То есть кнопки, нажав на которые ваш читатель может легко опубликовать ссылку на ваш материал в своём аккаунте какой-нибудь популярной социальной сети.
Но в Blogger как обычно возникли сложности: например родной java-скрипт предложеный на сайте вконтакте - на Blogger отчего-то не действует.
Пришлось искать другие пути. И они были найдены.

Дело в том, что на иностранных кнопках вроде "AddThis" или "ShareThis" предложено много сервисов, популярных в Европе и Америке. Но у нас-то в России своя специфика.
У нас популярны "вконтакте", "Я.ру", "мой мир и т.п. Вот для этого-то и надо поставить кнопки, которые актуальны для русскоязычного читателя.
Я нашёл способ сделать кнопки для Livejournal, вконтакте, Blogger, Facebook, Мой Мир, Я.ру, GoogleBuzz и Twitter.
Возможно позже список расширится.
К Liveinternet пока способа не нашёл.
Как это выглядит можно посмотреть у меня в блоге внизу сообщений. Значки кнопок можно ставить разные, смотря какие подходят к вашему дизайну.

Способы были найдены с помощью постов двух людей: sovety и artinblog. Спасибо этим людям!
Долго расписываться не хочу, публикую код сразу ко всем кнопкам. Кто хочет может взять только то, что нравится.
Надо нажать "расширить шаблоны виджета" в разделе "изменить html".
не забудьте на всякий сделать резервную копию своего шаблона.
Код следует вставлять после строки <data:post.body/> (Хотя если хотите можете вставить куда-нибудь ещё).

Код:

<b:if cond='data:blog.pageType == &quot;item&quot;'><noindex><div class='sharebuttons'><span style='color: #999999;'><b>Понравилось? опубликуй у себя:</b></span>
<div align='right'><p>


<a class='shareme' expr:href='&quot;http://www.livejournal.com/update.bml?subject=Ссылка: &quot; + data:post.title + &quot;&amp;event=&quot; + data:post.title + &quot;: &quot; + data:post.url' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>

<a class='shareme' expr:href='&quot;http://vkontakte.ru/share.php?url=&quot; + data:post.url' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>

<a class='shareme' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url ' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>

<a expr:href='&quot;http://www.blogger.com/blog_this.pyra?t&quot; + &quot;&amp;u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;pli=&quot; + 1' target='_blank' title='В Blogger!'><img alt='TEXT' src='PICTURE' style='border: 0pt none;'/></a>

<a class='shareme' expr:href='&quot;http://connect.mail.ru/share?share_url=&quot; + data:post.url ' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>

<a class='shareme' expr:href='&quot;http://my.ya.ru/posts_add_link.xml?title=&quot; + data:post.title + &quot;&amp;URL=&quot; + data:post.url' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>

<a class='shareme' expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcURL=&quot; + data:blog.homePageUrl + &quot;&amp;srcTitle=&quot; + data:title' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>

<a class='shareme' expr:href='&quot;http://twitter.com/home?status=RT @ваш_ник_в_твиттере + &quot; + data:post.url + &quot; &quot; + data:post.title' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>

</p></div></div></noindex></b:if>

То что выше выделено зелёным - это тег, который делает так, чтобы кнопки появлялись только на самой странице поста, а не прямо на первой странице блога после каждого сообщения. Если вы этого не хотите - уберите его.
Где написано PICTURE - впишите адрес картинки для своей кнопки.
Где TEXT - впишите пояснительную фразу, которая будет появляться при наведении мышки на кнопку.

UPD! О том, как добавить к этим кнопкам кнопку "Google +1" написано в моём посте "Кнопка Google +1 для Blogger".

Чтобы кнопки немного "ожили" и меняли цвет при наведении на них - вставьте в свой CSS следующий код, придуманный artinblog:

.sharebuttons{
font-size: 13px;            /* размер шрифта */
font-weight: bold;         /* стиль текста: жирный */           
padding:5px;               /* отступ от границ */
border: none;   /* толщина и цвет рамки */
background: #FFFFFF;   /* фоновый цвет */
}

.sharebuttons a img{
border: none;
opacity:1.0;                 /* непрозрачность: 100% */
}

.sharebuttons a:hover img{
border: none;
opacity:0.7;                 /* непрозрачность: 70% */
}

Я вставил этот код себе перед строкой /* Footer
Пояснения в коде имеются, можно менять цвета, степень прозрачности и т.п.
Надеюсь, что это будет вам полезно.
Да, и ещё: чтобы незалогиненый в Я.ру пользователь при нажати на вашу кнопку вначале попадал на страницу с предложением залогиниться - вставьте себе в код перед тегом </head> следующий java-скрипт, который придумал sovety:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $("a.shareme[href^='http://my.ya.ru']").attr("href", function() {
      return "http://passport.yandex.ru/passport?mode=auth&amp;retpath=" + escape(this.href);
  });
});
</script>

За подробностями ещё раз приглашаю всех в посты sovety и artinblog.

Напоминаю об активной борьбе со спамом.

Что-то много спама в последнее время приходит в комментарии.
В основном реклама какой-нибудь виагры.
При этом нельзя зайти на спам-блог и нажать кнопку "пометить", потому что в профиле никаких блогов не указано.
Но это не проблема, ведь в Blogger есть своя форма, в которой можно пожаловаться на разные нарушения, и не только спам, но и нарушение авторских прав, пропаганда ненависти и насилия, контент "для взрослых", и т.п.
Увы, сейчас форма доступна только на английском, но там, вообщем-то, всё ясно.
Так что если вам будут сыпать спам-комменты - смело идите сюда, ставьте галочку "spam", нажимайте "continue" и вписывайте адрес аккаунта или блога, с которого приходит спам.

Вообще я об этом уже писал больше чем год назад. Но проблема до сих пор актуальна.
Кроме этого, адрес формы заявки поменялся, поэтому пришлось обновить его и в старом посте.

Как сделать в Blogger виджеты без названия.

В последнее время кто-то из разработчиков Blogger вдруг решил, что у каждого виджета типа HTML/Javascript обязательно должно быть название.
То есть теперь невозможно поставить или изменить старый виджет, если не присвоить ему какое-нибудь название. А в случае, если название не введено Blogger выдаёт ошибку и просит его ввести.
Увы, не для всех дизайнов это подходит. Кроме этого иногда содержание виджета и так бывает настолько очевидным, что название над ним выглядит лишним.
Однако можно сделать так, чтобы виджеты и по-прежнему можно было размещать без названия.
Для этого всего-то надо ввести в строку названия код:

<h2></h2>

И всё будет как прежде.

UPD: на блоге разработчиков Блоггера обещают скоро исправить эту ошибку.

Способ взят из bloggeruniversity.

Убрать внизу страницы ссылки "Следующие / Главная страница / Предыдущие".

Мне тут задали вопрос:
"не могу убрать внизу страницы ссылку  на главную своего блога "Главная страница"".

Убрать эту ссылку, вместе со ссылками "следующие" и "предыдущие" можно, насколько мне известно, следующим способом.

Для этого надо зайти в редактирование html, поставить галочку на расширить шаблоны виджета.
Найти строку

<b:include name='nextprev'/>

И удалить её.
На всякий случай, как обычно, сохраните перед этой операцией свой шаблон.

Правда после этого посетители не смогут листать ваши сообщения вперёд-назад, но у каждого блоггера, как говорится, свои цели и порою довольно разные.

О том, как убрать надпись "Подписаться на сообщения (Atom)" внизу блога я уже писал.

Кнопка для добавления поста в социальные сети и сервисы.

UPD: Найдено лучшее решение вопроса, чем в этом посте.
Читайте Социальные кнопки для Blogger.

Подумал я немного о том, что стоит добавить в блог кнопку для взаимодействия со всякими социальными сервисами вроде твиттера, там, фейсбука и прочих.
В том плане, чтобы человек, который прочёл ваш пост, мог бы в одно нажатие кнопки внизу поста опубликовать у себя ссылку на него (или сам пост), или добавить ссылку на пост к себе в закладки (что уже не ново).
Много сейчас кнопок, и много кто про это писал.
Но вот как-то мне не нравится, что столько кнопок сразу внизу (а у кого и вверху): одна для твиттера, другая для фейсбука, третья для жж, и т.п.
Между тем, можно добавить всего одну кнопку, которая охватывает сразу кучу сервисов.
Особенно хорошо это будет для тех, кто не хочет нагромождать у себя много разного цветастого.

Всё предельно просто: сервис называется ShareThis.
Назначение сервиса - сделать так, чтобы делиться контентом с друзьями было настолько просто, насколько это возможно. С его помощью можно добавить пост в более чем 20 популярных социальных сервисов. При хорошем раскладе эта штука может помочь увеличить вам траффик для блога или сайта.

Заходим по ссылке, нажимаем "Get the button".
Слева есть графа "Services". Нажимаем туда, выбираем, какие сервисы мы хотим видеть на 1-й странице в выпадающем меню кнопки. Я выбрал те, что популярны в России ("вконтакте" там, правда, нет).
Форму кнопки можно не выбирать, потому что с интеграцией в Blogger как всегда возникают какие-то проблемы, которые я сейчас объясню.
Единственное, что порекомендовал бы в отношении вида кнопки - заполнить поле "Button text" каким-нибудь русским словом взамен английского, чтоб нашим читателям было проще понять для чего эта штука тут будет находиться.
Затем выбираете внизу "Blogger", и щёлкаете Get ShareThis code.
Тогда вам предлагают зарегистрироваться, что вы и делаете. Собственный аккаунт даст вам впоследствии доступ к своей статистике.
Потом вам дают две части кода.
Заходим, как обычно, в Дизайн / изменить html.
Тут вам неплохо бы, как обычно, сохранить свой шаблон у себя на компьютере на всякий случай.
Затем ставим галочку на "расширить шаблоны виджета".
Первую часть того кода, который вам дают, необходимо разместить у себя перед тегом <head/> (то есть до него).

А дальше пару слов о проблеме, которая имеет место в связи с интеграцией в Blogger.
Если вы ставите тот код, что предлагается на сайте в стандартной комплектации - то читатели смогут давать ссылку только на главную страницу вашего блога. Это нехорошо тем, что читатели-то должны иметь возможность давать ссылку и делиться именно тем материалом, которым хотят.
Но таки был найден скрипт, который работает для "Блоггер" так, как нужно, исправляя ситуацию и давая возможность ссылаться точно на тот пост, под которым располагается кнопка.

Так что после тега <data:post.body/> вам надо будет вставить не предложенный ими код, а вот этот:

<p>
<script language='javascript' type='text/javascript'>
SHARETHIS.addEntry({
title: &#39;<data:post.title/>&#39;,
url: &#39;<data:post.url/>&#39;
}, {button:true} );
</script>
</p>

Если у вас стоит не блоггеровский, а другой кат (например тот, что я описывал), то тег <data:post.body/> , после которого надо вставлять код, может быть видоизменён и присутствовать два раза. В этом случае надо ставить после всего кода, который был вставлен вами ранее для ката.

На всякий случай смотрим "Просмотр" - как это выглядит.
При необходимости окружаем последний вставленный код тегами - поставить справа или слева страницы под сообщением (так как эта вторая часть кода и задаёт место, где будет отображаться значок).
Сохраняем шаблон и тестим.

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

UPD: Чтобы кнопка была видна только на страницах самих постов, и не была видна в блоге - необходимо окружить вышеприведённый код, этими тегами:

<b:if cond='data:blog.pageType == "item"'> тут наш код </b:if>

При написании поста я пользовался материалами support.sharethis (тут вы, может быть, найдёте дополнительные сведения по модификации кнопки) и freehonestmarketing.