четверг, июня 02, 2011

Как добавить кнопку Google +1 на Blogger

Google +1Вчера Google выпустил свою новую кнопку +1 для сайтов и блогов. Этак кнопка позволяет рекомендовать то, чем бы вы хотели поделиться с друзьями и они смогут увидеть ваши рекомендации в результатах поиска Google. Если вы активировали эту функцию в своем профиле Google, вы можете видеть  рекомендации +1 ваших друзей и контактов почты Gmail, Google Reader и Google Buzz. Поэтому есть смысл позволить читателям вашего блога “плюсовать” ваши публикации и рекомендовать их своим друзьям. Добавив кнопку +1 на свой блог, вы сможете увеличить число ваших читателей.

Простой способ активировать +1 на Blogger

Официальный блок "Поделиться"Если у вас активирована функция показа официальных кнопок “Поделиться”, то кнопка +1 автоматически появится в блоке. Эта кнопка появится рядом с кнопками по умолчанию, как показано на скриншоте слева.
Если у вас эти кнопки не активированы, вы можете отобразить их, включив функцию отображения блока “Поделиться”. Пройдите в раздел “Дизайн” – “Элементы страницы”, нажмите “Редактировать” на области “Сообщения блога” и поставьте галочку напротив “Показывать кнопки для публикации”:
Активировать +1

Использование +1 в любом месте блога

Вы также можете использовать кнопку независимо от блока “Поделиться” от Google. Взять код кнопки вы можете с официальной страницы Google+1 для вебмастеров. Вы можете выбрать из 4 размеров кнопки тот, который больше подходит под ваш дизайн. У вас есть возможность выбрать язык всплывающей подсказки.
Сам код состоит из двух частей. Скрипт с надписью “<!-- Разместите этот тег в теге head или непосредственно перед закрывающим тегом body –>” нужно разместить непосредственно перед закрывающим тегом </head>. Второй фрагмент кода нужно вставить туда, где вы хотели бы видеть кнопку +1.
Выбор кнопки

Читать полностью...

среда, июня 01, 2011

Шаблон Blogger "Subtle Grey"

Особенности шаблона Subtle Grey


  • Светлый шаблон Blogger в серо-серебристых тонах
  • Фиксированная ширина, футер разбит на 3 колонки
  • Автоматическое добавление “Читать дальше” (газетный стиль) на основе скрипта
  • Удобная боковая панель, разделённая на 2 колонки плюс верхний и нижний блок на всю ширину сайдбара
  • Верхнее меню (виджет “Страницы”) и меню посредине для навигации по категориям и подкатегориям
  • Блок подписки на социальные сети
  • Под каждой публикацией кнопки "Поделиться" на основе скрипта AddThis и блок "Похожие сообщения" с изображениями
  • Готовый для использования рекламных объявлений
  • Шаблон легко настраивается


Демо | Скачать

page-elements-1

Инструкции по применению шаблона:

1) Меняем мета-информацию в начале шаблона:

<head> <b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if> <meta content='Тут идет описание вашего блога' name='description'/> <meta content='Тут перечислены ваши ключевые слова' name='keywords'/> <meta content='Тут ваше имя' name='author'/>

2) Меняем идентификатор блога в шаблоне для правильной работы на свой. Найдите такой фрагмент https://www.blogger.com/comment.g?blogID= и вставьте сразу после него свой идентификатор блога:

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1618262969303257043 &amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>Ответить на комментарий</a></span>

3) Меняем ссылки в блоке "Подписаться":

<ul class='subscribe_icons'> <li class='subscribe_twitter'><a href='http://twitter.com/votrexflame' rel='nofollow' target='_blank' title='Twitter'/></li> <li class='subscribe_facebook'><a href='http://www.facebook.com/votrexflame' rel='nofollow' target='_blank' title='Facebook'/></li> <li class='subscribe_rss'><a href='http://feeds.feedburner.com/blogspot/tannotes' rel='nofollow' target='_blank' title='RSS'/></li> <li class='subscribe_email'><a href='http://feedburner.google.com/fb/a/mailverify?uri=blogspot/tannotes&amp;loc=ru_ru' rel='nofollow' target='_blank' title='Email'/></li> </ul>

4) Меняем ссылки в (а) верхнем меню и (б) нижнем меню:

(а) Обновлен виджет "Меню" вверху страницы. (б) Вставляем вместо # адрес нужного  ярлыка <div class='jqueryslidemenu' id='myslidemenu'> <ul> <li><a href='#'>Категория 1</a></li> <li><a href='#'>Категория 2</a></li> <li><a href='#'>Категория 3</a> <ul> <li><a href='#'>Подкатегория 3.1</a></li> <li><a href='#'>Подкатегория 3.2</a> <ul> <li><a href='#'>Подкатегория 3.2.1</a></li> <li><a href='#'>Подкатегория 3.2.2</a></li> <li><a href='#'>Подкатегория 3.2.3</a></li> </ul> </li> </ul> </li> <li><a href='#'>Категория 4</a></li> <li><a href='#'>Категория 5</a> <ul> <li><a href='#'>Подкатегория 5.1</a></li> <li><a href='#'>Подкатегория 5.2</a></li> <li><a href='#'>Подкатегория 5.3</a></li> <li><a href='#'>Подкатегория 5.4</a></li> </ul> </li> <li><a href='#'>Категория 6</a></li> </ul> <br style='clear: left'/> </div> 4) Меняем идентификатор AddThis на ваш: <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=votrexflame#async=1' type='text/javascript'/> Могу подсказать, как избавиться от Navbar, если возникнет необходимость.

Демо | Скачать



Читать полностью...
Web Analytics