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

u3poccuu

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

Mar 01, 2012 23:59

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

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

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

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

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

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

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

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

Отправить этот пост в социальные сети и закладки:

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">http://ic.pics.livejournal.com/u3poccuu/31290154/1421632/original.png" width="32" height="32" border="0" alt="Перепостить в ЖЖ" title="Перепостить в ЖЖ"> https://twitter.com/intent/tweet?text=Т Е М А&url=У Р Л">http://ic.pics.livejournal.com/u3poccuu/31290154/1422503/original.png" alt="Отправить в Twitter" title="Отправить в Twitter"> http://www.facebook.com/sharer.php?u=У Р Л">http://ic.pics.livejournal.com/u3poccuu/31290154/1423579/original.png" alt="Поделиться в Facebook" title="Поделиться в Facebook" /> http://vkontakte.ru/share.php?url=У Р Л">http://ic.pics.livejournal.com/u3poccuu/31290154/1422745/original.png" alt="Поделиться ВКонтакте" title="Поделиться ВКонтакте" /> http://connect.mail.ru/share?share_url=У Р Л">http://ic.pics.livejournal.com/u3poccuu/31290154/1421878/original.png" alt="Отправить в Мой Мир" title="Отправить в Мой Мир"> http://u3poccuu.livejournal.com/185479.html">http://ic.pics.livejournal.com/u3poccuu/31290154/1423250/original.png" alt="Узнать код кнопок соцсетей для своего блога" title="Узнать код кнопок соцсетей для своего блога"> http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl=У Р Л">http://ic.pics.livejournal.com/u3poccuu/31290154/1422115/original.png" alt="Отправить в Одноклассники" title="Отправить в Одноклассники"> http://my.ya.ru/posts_add_link.xml?title=Т Е М А&URL=У Р Л">http://ic.pics.livejournal.com/u3poccuu/31290154/1423051/original.png" alt="Добавить в Я.ру" title="Добавить в Я.ру"> http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl=У Р Л&cntitle=Т Е М А" >http://ic.pics.livejournal.com/u3poccuu/31290154/1421316/original.png" alt="Опубликовать в LiveInternet" title="Опубликовать в LiveInternet"> https://plusone.google.com/_/+1/confirm?hl=ru&url=У Р Л" target="_blank">http://ic.pics.livejournal.com/u3poccuu/31290154/1421067/original.png" width="32" height="32" border="0" alt="Google +1" title="Google +1">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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