Ставим кнопки социальных сетей на Блоггер

В разделе дизайн Добавляем гаджет "<html/java script>"
Вставляем в него следующий код
    <div class='share42init' data-path='http://elbiznes24.googlecode.com/files/'/>
<script src='http://elbiznes24.googlecode.com/files/share42.js' type='text/javascript'/></script></div>

Поделиться с друзьями в:

Убираем всё лишнее

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

Все действия приведённые мною производятся в шаблоне блога и являются обратимыми. В "Дизайн"-"Изменить HTML" устанавливаем галочку "Расширить шаблоны виджета". Для поиска фрагментов в коде используем комбинацию клавиш CTRL+F.

Убрать строчки "Подписаться на: Сообщения (Atom)", "Подписаться на: Комментарии к сообщению (Atom)".

На мой взгляд, строчки "Подписаться на: Сообщения (Atom)" и "Подписаться на: Комментарии к сообщению (Atom)" не востребованы

публикой, поэтому их можно убрать, удалив фрагмент кода:

<b:include name='feedLinks'/>Для линков на редактирование гаджетов существует несколько вхождений строки:

<b:include name='quickedit'/> 

Её стоит также закомментировать либо удалить: 

<!--<b:include name='quickedit'/>-->

Аналогично для отправки в урну комментария :

<b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>

изменить на

<b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <!--<b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>-->
    </b:if>

Освободиться от ссылки на автора шаблона.

Следующие действия приводят к избавлению от ссылки на автора шаблона.

До кода (см. ниже) добавляем: <!--
После: -->

<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
        <data:attribution/>
      </b:if> 
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
</b:section>

Убрать "Самые последние сообщения с ярлыком..."

Здесь уже конечный вариант, где добавленный участок выделен жирным:

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:if>

Оптимизация страниц на Blogger.com

Два пути решения проблемы скачущих ссылок:

1) Убиваем на всех статических страницах (условие - показывать везде, кроме статических страниц):

01.<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

02.<a expr:name='data:post.id'/>

03.<b:if cond='data:post.title'>

04.<h3 class='post-title entry-title' itemprop='name'>

05.<b:if cond='data:post.link'>

06.<a expr:href='data:post.link'><data:post.title/></a>

07.<b:else/>

08.<b:if cond='data:post.url'>

09.<b:if cond='data:blog.url != data:post.url'>

10.<a expr:href='data:post.url'><data:post.title/></a>

11.<b:else/>

12.<data:post.title/>

13.</b:if>

14.<b:else/>

15.<data:post.title/>

16.</b:if>

17.</b:if>

18.</h3>

19.</b:if>

20.</b:if>

2) Убиваем на конкретной странице (показывать везде, кроме конкретной страницы - ссылка):

01.<b:if cond='data:blog.url != &quot;http://remont-kvartiri-svoimi-rykami.blogspot.com/p/site-news.html&;quot;'>

02.<a expr:name='data:post.id'/>

03.<b:if cond='data:post.title'>

04.<h3 class='post-title entry-title' itemprop='name'>

05.<b:if cond='data:post.link'>

06.<a expr:href='data:post.link'><data:post.title/></a>

07.<b:else/>

08.<b:if cond='data:post.url'>

09.<b:if cond='data:blog.url != data:post.url'>

10.<a expr:href='data:post.url'><data:post.title/></a>

11.<b:else/>

12.<data:post.title/>

13.</b:if>

14.<b:else/>

15.<data:post.title/>

16.</b:if>

17.</b:if>

18.</h3>

19.</b:if>

20.</b:if>

О том, как что-то в блоге отображать на разных страницах, читаем здесь. Заголовок пишем в посте собственный (смотрим стили своего блога), типа: 

1.<h3 class="post-title entry-title">Новости сайта</h3>

В итоге у нас получается:

• title латинскими буквами, что понимают поисковки и несущественно для статических страниц, а заодно и нормальная ссылка (словами, ЧПУ) 
• собственный заголовок страницы, не зависящий от ссылки и капризов Блогспота
• редактирование статических страниц без потерь ссылки