Давайте для начала немного определимся, что мы называем социальной сетью.
Сайты, которые наполняются зарегистрированными пользователями, участниками этого сайта и называются социальными сетями. Мы привыкли называть социальной сетью Мой Мир, Вконтакте, Одноклассники и другие. Все это сайты, которые наполняются участниками. Пользователи заводят в них свои странички, дневники, пишут на стенах друг друга (если это есть), делятся ссылками на интересные ресурсы. У каждой социальной сети есть свои кнопки, которые можно устанавливать в своем блоге или на сайте.
Установка кнопок закладок, социальных сетей относится к внутренней социальной оптимизации.
Мы стараемся сделать наш блог максимально дружественным читателю. Стараемся предоставить ему простое и быстрое решение поделиться интересными материалами в той социальной сети, в которой он больше всего общается, причем так, чтобы он не ушел с нашего блога. Конечно, мы преследуем и свою цель. С помощью таких кнопок по сети распространяются ссылки на наш блог, а это значит, что по этим ссылкам к нам приходят читатели, увеличивается посещаемость, увеличивается количество постоянных читателей. Не к этому ли мы стремимся?
То, что не так давно было предложено разработчиками блоггер мне нравится.
Просто, со вкусом, лаконично, но согласитесь, что этого очень мало. Данные кнопки сделаны под англоязычный интернет, у нас же, наряду с этими социальными сетями, пользуются даже большим успехом наши, русскоязычные сети. К сожалению, в рунете нет хороших полноценных решений для интеграции кнопок социальных сетей в блоги на Blogger Blogspot. Для WordPress, например, чего только не придумали, а вот нашу любимую платформу обходят стороной. А так хочется, чтобы наши блоги достойно стояли в одном ряду с блогами на WordPress. Да и умельцев почему-то очень мало, кто мог бы взять и сделать это. А зря, это имело бы очень большой успех. Потому что даже то, что я сегодня вам предложу, не является идеальным решением.
Решение я нашла в одном блоге и в конце этой статьи дам ссылку, а так объясню, почему я решила написать свою статью. Дело в том, что я доработала тот код под свой вкус, внесла некоторые изменения, о которых и упомяну в конце. А вы уж сами решите, пользоваться моим решением, или тем, которое предложено в том блоге. Но перейду к делу.
Вот как могут выглядеть кнопки на вашем блоге.
Почему “могут”? Потому что вы можете сами менять внешний вид кнопок, сделать под свой вкус, под свой дизайн блога. Они могут быть другого цвета, формы, в другом порядке. Я постараюсь максимально подробно все описать, чтобы вы могли сами менять их на свое усмотрение.
Идем в Инструменты блога, на вкладку Дизайн – Элементы страницы – Сообщения блога – Изменить. И ставим галочку Показывать копки для публикации. Но нам не нужно, чтобы эти кнопки видели читатели, ведь мы будем использовать собственные кнопки. Поэтому идем на вкладку Изменить HTML. Ставим галочку Расширить шаблоны виджета и находим код:
Лучше эти строки закомментировать, чем использовать в стилях шаблона display:none. Если вдруг вы не нашли эти строки в своем шаблоне, то не мучайтесь, а посмотрите, отображаются ли эти кнопки в самом блоге. Скорее всего нет. А значит, у вас все готово. Дело в том, что когда разработчики внедрили свои кнопки, не во всех шаблонах они отображались, а чтобы начали отображаться, нужно было добавить в шаблон именно тот код, который мы перед этим закомментировали. Если все же кнопки в блоге есть, а вы не можете их найти в шаблоне, то будьте внимательны и поищите ещё раз.
С этим справились. Я решила не выкладывать весь код кнопок, а сделала вот такой файл. Открываем его. Это обычный блокнот. Смотрим. Так выглядит код полностью с моими комментариями. Давайте разберем подробнее, как строится код каждой кнопки. Это очень просто. Вам только нужно понимать, какой код имеет ссылка и изображение на языке HTML
Я специально выделила цветами для большей наглядности. То, что синее – это ссылка, то, что внутри синего зеленое – это код картинки.
Если вы впервые сталкиваетесь с кодом, то рекомендую ознакомиться с этой статьей.
В файле я специально сделала комментарии, которые показывают, начало кода каждой кнопки, для того, чтобы вы могли переставить кнопки местами, просто вырезав и вставив код в другое место.
Особое внимание обращаю на код кнопки добавления в закладки. У меня это последняя кнопка. Покажу его здесь