воскресенье, 28 ноября 2010 г.

Еще раз о добавлении кнопок социальных сетей

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




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

Мои кнопки добавления это кнопки в Twitter,  Facebook, и  Google Buzz.
Итак: "Дизайн", "Изменить HTML", устанавливаем галочку "расширить шаблоны виджетов" и размещаем перед строкой
]]></b:skin>
этот код:

#sharebox {
background-color:#FFFFFF;
border:1px solid #C1CDCD;
left:103px;
top:170px;
margin-top:10px;
position:fixed;
width:64px;
}
#sharebox .float {
margin:7px;
}

Далее находим вот эту строку(ищите внимательно - она есть непременно :)):

<div class='post-header'>

И  после нее вставляем коды вышеупомянутых кнопок:
Вот они:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='sharebox'>
<div class='float'><script type='text/javascript'>
    tweetmeme_url = &#39;<data:post.url/>&#39;;
    </script>
    <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script></div>
<div class='float'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='verdana' layout='box_count' width='64'/></div>
<div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
</div>
</b:if>

 Кнопки не будут видны на главной странице блога, но, как я полагаю, этого не требуется.

Операция закончена! Далее, по желанию, вы можете добавлять коды кнопок других социальных сетей, которые посчитаете необходимыми. Например кнопку "ВКонтакте"...
Но, это уже другая история.

Желаю успехов!



Глупец останется без гроша - духи lambre.

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

  1. http://btemplates.com/
    бесплатные шаблоны. там встроенные кнопки которые ведут на чужие ресурсы, как их адаптировать для себя?

    ОтветитьУдалить
  2. Надо загрузить выбранный шаблон. Он загрузится (перед загрузкой поствь галочку "сохранить), Откроешь из загрузок(Сжатый файл в WinRar)/ В нем есть инструкции. Вторая папка приведет на сайт с инструкцией. Если есть переводчик - переведи страницу.
    Загружается созданный тобой текстовой файл в самом блоге; Дизайн, обзор, загрузить.
    Это ссылка с переведенная мной Яндексом http://perevod.yandex.ru/en/?yasoft=barff&url=http%3A%2F%2Fbtemplates.com%2Ffaqs%2F&key=077d1857b4155e06a3e52b942ddc1b93, в нее я зашел после закачки произвольно выбранного шаблона.

    ОтветитьУдалить

Понравился блог - подпишись на обновления!

Введите Ваш emai-адрес:

Популярные сообщения

Related Posts Plugin for WordPress, Blogger...