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

Код кнопки Google+1

Коды для кнопки я предлагаю такие, на ваш выбор. Для отображения кнопки в файле single.php вставляете на выбор любой из этих кодов , но пока соберем коды для всех трех кнопок.
кнопка google+1

<g:plusone size="tall" href="<?php the_permalink()?>"></g:plusone>

кнопка гугл на сайт

<g:plusone size="medium" href="<?php the_permalink()?>"></g:plusone>

кнопки социальных сетей на блог

<g:plusone href="<?php the_permalink()?>"></g:plusone>

А этот код, приведенный ниже, вставляете в файл footer.php вашей темы перед закрывающим тегом /body

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'ru'}
</script>

кнопки социальных сетей на блог

Код Кнопки ВКонтакте

Для получения кода кнопки переходим по ссылке. Заполняем форму на сайте.
кнопка в контакте на сайтЕсли неавторизированы - необходимо авторизоваться.Т.е. зарегистрироваться на сайте вКонтакте
Название сайта – пишем, как называется ваш сайт.
Адрес сайта – пишем URL сайта.
Основной домен сайта – автоматически вставляется от url блога.
Выбираем вид кнопки.
Переходим к установке.Этот код

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?48"></script>

размещаем между тегами в файле header.php вашей темы
а этот код

<script type="text/javascript">
  VK.init({apiId: 2849695, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "full"});
</script>

копируем пока в текстовый файл. У вас будет свой код кнопки. Напоминаю, что для получения кнопки необходима авторизация на сайте Вконтакте.

Код кнопки Twitter

Переходим по этой ссылке, чтобы получить код кнопки от Twitter.Код кнопки твитнуть
Копируем код в текстовый файл. Таким образом у нас появилось три текстовых файла с кнопками. В footer.php мы вставили скрипт кнопки "Google+1" а в header.php скрипт кнопки "Мне нравится".
Теперь объединим текстовые файлы в один блок
У меня это выглядит так.

<div class="sociall">
<div class="knopka">Код кнопки Google+1</div>
<div class="knopka">Код кнопки Мне нравится</div>
<div class="knopka">Код кнопки Твитнуть</div>
</div>.

теперь вставляем этот блок на страницу записей single.php после такой строки

<?php the_content(); ?>

В таком случае кнопки у вас будут выводиться после статьи. Вы можете вывести эти кнопки и на главной странице блога. Также необходимо поставить код вывода кнопок в файле arhives.php. Можно выводить кнопки не блоком, а по отдельности настроить кнопки. Заключаете каждую в контейнер div, присваиваете ему(контейнеру) класс, задаете правила для класса в файле style.css для того, чтобы легче было позиционировать кнопку на странице.
У меня такие правила для класса кнопок в файле style.css такие

.sociall{
width:450px; 
text-align:center;
margin:0 auto;
}
.knopka{
float:left;
width:100px;
margin:0px 20px;
}

Для класса .sociall
Общий контейнер с классом .sociall шириной 450px;
Выравнивание текста по центру, чтобы кнопки расположились по центру блока .sociall
Отступы - слева и справа авто, чтобы контейнер располагался четко посередине страницы.
Для класса .knopka
Обтекание слева, для того, чтобы все кнопки выстроились в одну линию.
Ширина блока с кнопкой.
Отступы для каждой кнопки слева и справа.
Мои кнопки выглядели вот так на сайте твитнуть кнопка на блог поставитьВы можете создать свои правила для стиля оформления блока с кнопками.

Блок кнопок "Поделиться" от Яндекса

Но в итоге я отказался от этих кнопок и поставил блок от Яндекса "Поделиться". Здесь гораздо все проще. На сайте выбираем какие кнопки будут стоять рядом с кнопкой "Поделиться" и настраиваем внешний вид блока.кнопка поделиться от яндексаблок кнопок на сайт
После того, как выбрали какой внешний блока будет у вас на сайте, вставляете код в файл single.php после строки

<?php the_content(); ?>

Этот блок со своим классом, в таблице стилей добавляете правило для класса .yashare-auto-init

.yashare-auto-init{
margin:10px auto;
text-align:center;
}

Здесь я выровнял блок с кнопками по центру text-align:center; и задал отступы сверху и снизу по 10 px;
Вот такие вот симпатичные кнопочки появились у меня на блоге. Осталось только кнопку Google+1 вернуть на место, но надеюсь вы это сможете сделать и без меня. Если возникнут вопросы или что то не получится, пишите в комментариях. Постараюсь ответить всем.