Добавляем кнопки Социальных сервисов

Добавляем на блог кнопки Социальных сервисов

23.01.2011 |

Автор: admin

Вы наверное уже заметили появление в конце каждой статьи кнопок социальных сетей?

Давайте в начале разберемся, за чем это сделано?

Ответ весьма прост — чтобы дать возможность вашим посетителям делиться приглянувшимися материалами вашего блога в социальных сервисах. Это позволит получить дополнительный трафик из социальных сетей, а также позволит бесплатно получать внешние ссылки.

Хотя есть разные мнения, о социальных сервисах, с которыми Вы можете ознакомиться на страницах форума bloggers.su, в частности в разделе Блог-платформы.

С вопросом «Для чего?» Мы разобрались, теперь перейдем к вопросу «А как?».

Первым делом надо обзавестись кнопками социальных сервисов. Их Можно скачать с данной страницы, можно поискать в глобальной сети, а можно и самому в PhotoShop’e создать.

Когда кнопки готовы, их надо «залить» в папку «wp-content/themes/ваша_тема/images» на сервере.

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

Так как это сделать?

Авторизируемся на блоге, заходим в панель администратора, дальше переходим во вкладку «редактирование дизайна»,находим там файл «single.php» (если его нету используйте файл «index.php»).

Далее ищем в данном файле фрагмент:

<div>
Вы можете следить за комментариями с помощью <?php comments_rss_link(‘RSS 2.0-ленты’); ?>.
<?php if ((‘open’ == $post-> comment_status) && (‘open’ == $post->ping_status)) { // Both Comments and Pings are open ?>

В шаблоне сайта это выглядит так:

За тем, перед этим кодом вставляем следующий код (скрипты для добавления статьи в социальные сети):

<div>
Благодарю за добавление статьи в:

<br>
<center>
<noindex><a rel=»nofollow» target=»_blank» href=»http://twitter.com/home?status=RT @photoinform <?php the_title(); ?>: <?php the_permalink(); ?>» title=»Добавить в Twitter»><img src=»<?php bloginfo(‘template_url’); ?>/images/twitter.gif» alt=»Опубликовать в twitter.com» width=»78″ height=»18″></a></noindex>

<noindex><a href=»http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>» target=»_blank» rel=»nofollow»><img src=»<?php bloginfo(‘template_url’); ?>/images/vkontakte.gif» width=»84″ height=»18″ title=»Поделиться ВКонтакте»></a></noindex>

<noindex><a rel=»nofollow» target=»blank» href=»http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>»><img src=»<?php bloginfo(‘template_url’); ?>/images/facebook.gif» width=»73″ height=»18″ title=»Поделиться в Facebook»></a></noindex>

<noindex><a href=»http://www.google.com/reader/link?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&srcURL=http://photoinform.ru» rel=»nofollow» target=»_blank»><img src=»<?php bloginfo(‘template_url’); ?>/images/google-buzz-compact.gif» width=»73″ height=»18″ title=»Добавить в Google Buzz»></a></noindex>

<noindex><a target=»_blank» rel=»nofollow» href=»http://connect.mail.ru/share?share_url=<?php the_permalink(); ?>»><img src=»<?php bloginfo(‘template_url’); ?>/images/moi-mir.gif» width=»86″ height=»18″ title=»Поделиться В Моем Мире»></a></noindex>

<noindex><a rel=»nofollow» href=»http://www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>» target=»_blank» title=»Опубликовать в своем блоге livejournal.com»><img src=»<?php bloginfo(‘template_url’); ?>/images/livejournal.gif» alt=»Опубликовать в своем блоге livejournal.com» width=»73″ height=»18″></a></noindex>

<noindex><a rel=»nofollow» href=»http://www.friendfeed.com/share?title=<?php the_title(); ? rel=»nofollow»><?php the_permalink(); ?>&srcURL=http://photoinform.ru/» rel=»nofollow» target=»_blank» title=»Добавить в FriendFeed» target=»_blank»><img src=»<?php bloginfo(‘template_url’); ?>/images/friendfeed-logo.jpg» alt=»Опубликовать в своем FriendFeed» width=»50″ height=»18″></a></noindex>
</center>
</div>

Ссылку @photoinform в коде кнопки Твиттера замените на свою.

До новых встреч.

Помогите блогу, добавьте статью в социальные закладки и сети: