Как добавить социальные кнопки для блога и постов (обновлено)

1 Мар, 2012 at 11:59 PM

Меня часто спрашивают, как я сделал социальные кнопки для Живого журнала.

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

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

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

Ну что же, к делу! Вот непосредственно сам
код "социальные кнопки"

Внимание, код обновлен 25 февраля 2012 года. Теперь кнопки будут выглядеть так:

Для того, чтобы выделить весь код, щелкните в него левой кнопкой мышки, и нажмите Ctrl+A.

Для того, чтобы скопировать, нажмите Ctrl+С.

<center>Отправить этот пост в социальные сети и закладки: <center>
<a rel="nofollow" href="http://www.livejournal.com/redirect/SHARING_livejournal?url=http%3A%2F%2Fwww.livejournal.com%2Fupdate.bml%3Frepost_type%3Dc%26repost%3DУ Р Л" data-service="livejournal" target="_blank"><img src="http://ljpics.livejournal.com/1_p,TniDhxbsNJ,vi/7Txqbx5Z/7/1840257/10216390/fotki_proxy_web39282680-vi.png" width="32" height="32" border="0" alt="Перепостить в ЖЖ" title="Перепостить в ЖЖ"></a> <a rel="nofollow" target="_blank" href="https://twitter.com/intent/tweet?text=Т Е М А&url=У Р Л"><IMG border="0" width="32" height="32" src="http://ljpics.livejournal.com/1_p,TniEwxbsNJ,vi/6nx5Bxqb/7/1840257/10216390/fotki_proxy_web133460701-vi.png" alt="Отправить в Twitter" title="Отправить в Twitter"></a> <a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=У Р Л"><IMG border="0" width="32" height="32"src="http://ljpics.livejournal.com/1_p,T43FmxbsNJ,vi/3x7Tx5q/7/1840257/10216390/fotki_proxy_web14831588-vi.png" alt="Поделиться в Facebook" title="Поделиться в Facebook" /></a> <a rel="nofollow" target="_blank" href="http://vkontakte.ru/share.php?url=У Р Л"><IMG border="0" width="32" height="32"src="http://ljpics.livejournal.com/1_p,T43A4xbsNJ,vi/5Bx2KxrP/7/1840257/10216390/fotki_proxy_web54158460-vi.png" alt="Поделиться ВКонтакте" title="Поделиться ВКонтакте" /></a> <a rel="nofollow" target="_blank" href="http://connect.mail.ru/share?share_url=У Р Л"><IMG border="0" width="32" height="32"src="http://ljpics.livejournal.com/1_p,T43D6xbsNJ,vi/93xsRxjV/7/1840257/10216390/fotki_proxy_web44960503-vi.png" alt="Отправить в Мой Мир" title="Отправить в Мой Мир"></a> <a target="_blank" href="http://u3poccuu.livejournal.com/185479.html"><IMG border="0" width="32" height="32"src="http://ljpics.livejournal.com/1_p,Tny1BxbsNJ,vi/6Zx2nx7s/7/1840257/10216390/fotki_proxy_web47444556-vi.png" alt="Узнать код кнопок соцсетей для своего блога" title="Узнать код кнопок соцсетей для своего блога"> <a rel="nofollow" target="_blank" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl=У Р Л"><IMG border="0" width="32" height="32"src="http://ljpics.livejournal.com/1_p,TniE2xbsNJ,vi/2nxmx7s/7/1840257/10216390/fotki_proxy_web98924433-vi.png" alt="Отправить в Одноклассники" title="Отправить в Одноклассники"></a> <a rel="nofollow" target="_blank" href="http://my.ya.ru/posts_add_link.xml?title=Т Е М А&URL=У Р Л"><IMG border="0" width="32" height="32"src="http://ljpics.livejournal.com/1_p,TniFbxbsNJ,vi/6Zx5Yx2n/7/1840257/10216390/fotki_proxy_web67668619-vi.png" alt="Добавить в Я.ру" title="Добавить в Я.ру"></a> <a rel="nofollow" target="_blank" href="http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl=У Р Л&cntitle=Т Е М А" ><IMG border="0" width="32" height="32"src="http://ljpics.livejournal.com/1_p,TnwPtxbsNJ,vi/eTxeSx2n/7/1840257/10216390/fotki_proxy_web63268830-vi.png" alt="Опубликовать в LiveInternet" title="Опубликовать в LiveInternet"></a> <a rel="nofollow" href="https://plusone.google.com/_/+1/confirm?hl=ru&url=У Р Л" target="_blank"><img src="http://ljpics.livejournal.com/1_p,TniC5xbsNJ,vi/ccx6px7J/7/1840257/10216390/fotki_proxy_web69278811-vi.png" width="32" height="32" border="0" alt="Google +1" title="Google +1"></a>

Сохраните скопированный код, например, в блокнот. При этом, чтобы вставить, можете воспользоваться сочетанием клавиш Ctrl+V.

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

Итак,
инструкция по добавлению кода "социальные кнопки":

1.После того, как написали пост, вы вставляете скопированный код в конец записи.

В коде есть такие слова, как Т Е М А и У Р Л. Вот их и надо заменить.

Аккуратно выделяете слово Т Е М А в любом месте, где увидите. Только предельно аккуратно, чтобы не зацепить ни буквы, ни знака, ни пробела соседнего!

социальные кнопки

2.После этого нажимаете меню "Правка", в котором выбираете "Заменить"

социальные кнопки

3.Откроется окошко "Замена", в котором в строке "Чем" вписываете название вашего поста

социальные кнопки

4.И нажимаете "Заменить все". Нажимайте дважды!

социальные кнопки

5.В итоге в коде все слова Т Е М А заменятся названием вашего поста

социальные кнопки

6.Справа в программе в настройках установите атрибут нашего поста "Личное"

социальные кнопки

7.Внизу справа нажмите кнопку "Отправить в журнал"

социальные кнопки

8.Появится окно предпросмотра, снова нажмите "Отправить в журнал"

социальные кнопки

9.Зайдите в свой ЖЖ под своим аккаунтом. Откройте отправленный пост

социальные кнопки

10.В адресной строке скопируйте адрес вашего поста

социальные кнопки

11.Возвращайтесь к программе Семаджик. В меню "Журнал" нажмите "Редактировать последнюю запись"

социальные кнопки

12.В тексте загруженной записи находим слово У Р Л в любом месте, где увидите. Выделите это слово (У Р Л). Только предельно аккуратно, чтобы не зацепить ни буквы, ни знака, ни пробела соседнего!

социальные кнопки

13.После этого нажимаете меню "Правка", в котором выбираете "Заменить"

социальные кнопки

14.Откроется окошко "Замена", в котором в строке "Чем" вписываете скопированный адрес вашего поста. И нажимаете "Заменить все". Нажимайте дважды!

социальные кнопки

15.В итоге в коде все слова У Р Л заменятся адресом вашего поста

социальные кнопки

16.Справа в программе в настройках установите атрибут вашего поста "Для всех"

17.Внизу справа нажмите кнопку "Отправить в журнал"

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

Если вы хотите добавить социальные кнопки для всего вашего жж, например, в верхний пост, то, соответственно вместо Т Е М А можете написать, например, название вашего ЖЖ, а вместо У Р Л - адрес вашего ЖЖ.

Приведенный пример работы в Семаджике по добавлению кода "социальные кнопки" также актуален и для любого другого редактора, в котором есть функция такого же типа "найти и заменить". Операции с отправкой постов можно проделывать и в самом живом журнале.

Если не получается применить социальные кнопки, значит, что-то делаете не так. Будьте предельно аккуратны!

В коде в конце имеется красная кнопка с плюсиком. Эта кнопка-ссылка на этот пост для тех, кто захочет тоже взять себе код "социальные кнопки". Пожалуйста, не удаляйте эту кнопку.

При наведении на социальные кнопки всплывает подсказка, куда можно отправить пост или упоминание о нем