Фев 162011
Стоит задача вставить кнопки вида
для расшаривания читателями блога контента, тем самым наращивая посещаемость ресурса.
Для вставки такого вида кнопок справа по отношению заголовка поста и ниже него необходимо зайти в нужный аккаунт в blogger.com и в настройках блога перейти на закладку Дизайн->Изменить HTML->Расширить шаблоны виджета
В шаблоне блога необходимо найти строку
<data:post.dateHeader/>
и над ней вставить код:
<div style=’float:right;padding:4px;’>
<a expr:share_url=’data:post.url’ name=’fb_share’ rel=’nofollow’ type=’box_count’/>
<script src=’http://static.ak.fbcdn.net/connect.php/js/FB.Share’ type=’text/javascript’/>
</div>
<b:if cond=’data:blog.pageType == "item"’>
<div style=’float:right;padding:4px;’>
<a class=’twitter-share-button’ data-count=’vertical’ data-lang=’en’ data-related=’bloggerplugins:Tutorials and Widgets for Blogger’ data-via=’bloggerplugins’ expr:data-text=’data:post.title’ expr:data-url=’data:post.url’ href=’http://twitter.com/share’ rel=’nofollow’/>
<b:if cond=’data:post.isFirstPost’>
<script src=’http://platform.twitter.com/widgets.js’ type=’text/javascript’>
</script>
</b:if>
</div>
</b:if>
<div style=’float:right;padding:4px;’>
<script src=’http://vkontakte.ru/js/api/share.js?5′ type=’text/javascript’/>
<script type=’text/javascript’>
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
</script>
</div>
<div style=’float:right;padding:4px;’>
<a class=’mrc__share’ href=’http://platform.mail.ru/share’>В Мой Мир</a>
<script charset=’UTF-8′ src=’http://cdn.connect.mail.ru/js/share/2/share.js’ type=’text/javascript’/>
</div>
<div style=’float:right;padding:4px;’><a expr:share_url=’data:post.url’ name=’fb_share’ rel=’nofollow’ type=’box_count’/>
<script src=’http://static.ak.fbcdn.net/connect.php/js/FB.Share’ type=’text/javascript’/>
</div>
<b:if cond=’data:blog.pageType == "item"’>
<b:if cond=’data:blog.pageType == "item"’>
<div style=’float:right;padding:4px;’>
<a class=’twitter-share-button’ data-count=’vertical’ data-lang=’en’ data-related=’bloggerplugins:Tutorials and Widgets for Blogger’ data-via=’bloggerplugins’ expr:data-text=’data:post.title’ expr:data-url=’data:post.url’ href=’http://twitter.com/share’ rel=’nofollow’/>
<b:if cond=’data:post.isFirstPost’><script src=’http://platform.twitter.com/widgets.js’ type=’text/javascript’>
</script>
</b:if>
</div>
</b:if>
<div style=’float:right;padding:4px;’><script src=’http://vkontakte.ru/js/api/share.js?5′ type=’text/javascript’/>
<div style=’float:right;padding:4px;’><script src=’http://vkontakte.ru/js/api/share.js?5′ type=’text/javascript’/>
<script type=’text/javascript’>document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));</script>
</div>
<div style=’float:right;padding:4px;’><a class=’mrc__share’ href=’http://platform.mail.ru/share’>В Мой Мир</a>
<div style=’float:right;padding:4px;’><a class=’mrc__share’ href=’http://platform.mail.ru/share’>В Мой Мир</a>
<script charset=’UTF-8′ src=’http://cdn.connect.mail.ru/js/share/2/share.js’ type=’text/javascript’/>
</div>
Владея небольшими знаниями в веб-программировании достаточно просто разобраться что и где, и как можно переставить кнопки местами. Пользуемся и наблюдаем прибавление трафика из социальных сетей.