Как сделать блок шаринг-кнопок и кнопку репоста

топ 100 блогов cheger21.04.2011     Блок шаринг-кнопок (кнопок перепостов в различных социальных сетях) - это то, что с недавнего времени стало появляться у меня в записях, а точнее вот это:
Как сделать блок шаринг-кнопок и кнопку репоста Photobucket
    И меня сразу стали спрашивать, как же это сделать. Поэтому решил написать этот пост.
    Сделать это можно многими способами, большинство которых я перепробовал, и большинство из них не то, что мне надо. Во-первых, есть куча онлайн сервисов, которая предоставляет код на такой блок, но там куча непонятых и ненужных ссылок и довольно трудно редактировать пользователю, не очень разбирающемуся в HTML.
Во-вторых, большинство кодов, которые я нашел, плохо подходят для ЖЖ, а ведь нам надо именно для него любимого. Так вот, ниже я привожу этот код. Получится то же самое, что вы видите наверху.

==================================================================================
http://twitter.com/home?status=RT @cheger поделиться - http://cheger.livejournal.com/profile" target="_blank"> Как сделать блок шаринг-кнопок и кнопку репоста http://webholt.ru/i/twitter.png" width="20" height="20"> http://www.facebook.com/sharer.php?u=http://cheger.livejournal.com/profile" target="_blank">Как сделать блок шаринг-кнопок и кнопку репоста http://webholt.ru/i/facebook.png" width="20" height="20"> http://vkontakte.ru/share.php?url=http://cheger.livejournal.com/profile" target="_blank">Как сделать блок шаринг-кнопок и кнопку репоста http://webholt.ru/i/vkontakte.png" width="20" height="20"> http://connect.mail.ru/share?share_url=http://cheger.livejournal.com/profile" target="_blank">Как сделать блок шаринг-кнопок и кнопку репоста http://webholt.ru/i/moy-mir.png" width="20" height="20"> http://www.livejournal.com/update.bml?event=http://cheger.livejournal.com/profile&subject=Поделиться" target="_blank">Как сделать блок шаринг-кнопок и кнопку репоста http://webholt.ru/i/livejournal.png" width="20" height="20"> http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://cheger.livejournal.com/profile&title=Поделиться" target="_blank">Как сделать блок шаринг-кнопок и кнопку репоста http://webholt.ru/i/google.png" width="20" height="20">

==================================================================================

    Единственное, что вам надо поправить тут, это поменять в этом коде - выражение http://cheger.livejournal.com/profile на ссылку своего поста. То есть логически следует вывод, что этот код можно вставить только после того, как ваш пост опубликован.
    Так же важно знать, что вставлять его надо в режиме HTML и обязательно поставить галку "Не выполнять автоформатирование"\"Отключить автоформатирование".

    Ну а теперь пример того, как это делаю я, может и пригодиться:
1. Пишу пост
2. Отправляю его в ЖЖ как личный (видимый только мне)
3. Копирую ссылку на пост (что то типа http://cheger.livejournal.com/221527.html)
4. В самый конец поста вставляю приведённый выше код в режиме HTML с отключенным автоформатированием
5. Заменяю везде в коде http://cheger.livejournal.com/profile на ссылку на только что созданный пост (в нашем примере это http://cheger.livejournal.com/221527.html )
6. После этого блока можно поставить вот такой код для репоста в ЖЖ всей записи 
              Как сделать блок шаринг-кнопок и кнопку репоста Photobucket
7. Сохраняю пост, предварительно сделав его видным для всех
8. В итоге получаю вот что:

Как сделать блок шаринг-кнопок и кнопку репоста Как сделать блок шаринг-кнопок и кнопку репоста Как сделать блок шаринг-кнопок и кнопку репоста Как сделать блок шаринг-кнопок и кнопку репоста Как сделать блок шаринг-кнопок и кнопку репоста Как сделать блок шаринг-кнопок и кнопку репоста

    Да, не забудьте, что отключение автоформатирования может привести в тому, что ваша запись превратиться в сплошной текст. В таком случае может помочь использование HTML тэга
, который позволяет сделать перенос строки. Ну или тупо переключиться в визуальный режим и проставить все везде как надо. Короче говоря, пробуйте, экспериментируйте, если оно вам надо.

Оставить комментарий



Полина 21.09.2015 09:39
А мне вот эти понравились http://goodshare.ru и красивые и делают тоже самое + есть счётчики.
Предыдущие записи блогера :
Архив записей в блогах:
"Лара, здравствуйте. Пишу Вам уже третий раз, и снова про то же самое, про секс (вот злая ирония судьбы, я сама при этом сексом особо не интересуюсь). Предыдущие два раза ваши ответы мне приносили душевный мир, может и в этот раз? Возможно ли это вообще... Спасибо Вам. Я проделала ...
Сестры Аверины взяли на двоих в двух видах на Чемпионате Мира по художественной гимнастике два золота и два серебра. Чемпионат проходит в Италии в городе Пизаро в спорткомплексе на Улице Гагарина. В зале на отдельном секторе 2 флага Российской федерации больших размеров. Фан сектор ...
Лекция академика РАН Андрея Зализняка о т.н. "Велесовой книге", 9 июля 2008 г. 17:00, Х Летняя лингвистическая школа 8-18 июля 2008 г., Дубна, «Ратмино» Велесова книга (также Влесова книга, Книга Ве́леса, Дощечки Изенбека, Дощьки Изенбека, Veles Book, Vles Book) — фальсификация, ...
Вообще то такой рецепт уже есть у меня в ЖЖ. http://vd-juliya.livejournal.com/2396.html Но почему бы и не повторить, если вкусно?)))) В 1 стакане остывшей кипяченой воды размешиваем 2 ч.л. сахара, 2,5 ч.л. соли, 4 ч.л. томатной пасты, 4 ч.л. приправы для корейской моркови(но ...
Добрый день, дорогие поняши! Хотелось бы поделится некоторыми мыслями. Игра всё равно замечательная, кто бы что ни говорил. Играю с июля 2011 года на евро-сервере. В 2012 создал акк и на РУ (NikLemos) для игры на турнирах, но на РУ давно не играю. Забрасывал игру где-то в общей сложности ...