![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
ulybchivayaДелюсь полезной информацией из френд-ленты. Наконец-то нашелся человек, который объяснил, как это сделать. А я сегодня наконец-то обнаружила внятный код вставки подобных кнопок на сайт, опробовала, все прекрасно работает!
Originally posted by![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-userinfo.gif)
cheger at Как сделать блок шаринг-кнопок и кнопку репоста
Originally posted by
cheger at Как сделать блок шаринг-кнопок и кнопку репоста Блок шаринг-кнопок (кнопок перепостов в различных социальных сетях) - это то, что с недавнего времени стало появляться у меня в записях, а точнее вот это:
И меня сразу стали спрашивать, как же это сделать. Поэтому решил написать этот пост.
Сделать это можно многими способами, большинство которых я перепробовал, и большинство из них не то, что мне надо. Во-первых, есть куча онлайн сервисов, которая предоставляет код на такой блок, но там куча непонятых и ненужных ссылок и довольно трудно редактировать пользователю, не очень разбирающемуся в HTML.
Во-вторых, большинство кодов, которые я нашел, плохо подходят для ЖЖ, а ведь нам надо именно для него любимого. Так вот, ниже я привожу этот код. Получится то же самое, что вы видите наверху.
========================================
<a title="Добавить в Twitter" href="http://twitter.com/home?status=RT @cheger поделиться - http://cheger.livejournal.com/profile" target="_blank"> <img border="0" alt="" src="http://webholt.ru/i/twitter.png" width="20" height="20"></A> <a title="Поделиться в Facebook" href="http://www.facebook.com/sharer.php?u=htt
========================================
Единственное, что вам надо поправить тут, это поменять в этом коде - выражение http://cheger.livejournal.com/profile на ссылку своего поста. То есть логически следует вывод, что этот код можно вставить только после того, как ваш пост опубликован.
Так же важно знать, что вставлять его надо в режиме HTML и обязательно поставить галку "Не выполнять автоформатирование"\"Отключить автоформатирование".
Ну а теперь пример того, как это делаю я, может и пригодиться:
1. Пишу пост
2. Отправляю его в ЖЖ как личный (видимый только мне)
3. Копирую ссылку на пост (что то типа http://cheger.livejournal.com/221527.htm
4. В самый конец поста вставляю приведённый выше код в режиме HTML с отключенным автоформатированием
5. Заменяю везде в коде http://cheger.livejournal.com/profile на ссылку на только что созданный пост (в нашем примере это http://cheger.livejournal.com/221527.htm
6. После этого блока можно поставить вот такой код для репоста в ЖЖ всей записи
7. Сохраняю пост, предварительно сделав его видным для всех
8. В итоге получаю вот что:
Да, не забудьте, что отключение автоформатирования может привести в тому, что ваша запись превратиться в сплошной текст. В таком случае может помочь использование HTML тэга <br>, который позволяет сделать перенос строки. Ну или тупо переключиться в визуальный режим и проставить все везде как надо. Короче говоря, пробуйте, экспериментируйте, если оно вам надо.
И меня сразу стали спрашивать, как же это сделать. Поэтому решил написать этот пост.
Сделать это можно многими способами, большинство которых я перепробовал, и большинство из них не то, что мне надо. Во-первых, есть куча онлайн сервисов, которая предоставляет код на такой блок, но там куча непонятых и ненужных ссылок и довольно трудно редактировать пользователю, не очень разбирающемуся в HTML.
Во-вторых, большинство кодов, которые я нашел, плохо подходят для ЖЖ, а ведь нам надо именно для него любимого. Так вот, ниже я привожу этот код. Получится то же самое, что вы видите наверху.
========================================
<a title="Добавить в Twitter" href="http://twitter.com/home?status=RT @cheger поделиться - http://cheger.livejournal.com/profile" target="_blank"> <img border="0" alt="" src="http://webholt.ru/i/twitter.png" width="20" height="20"></A> <a title="Поделиться в Facebook" href="http://www.facebook.com/sharer.php?u=htt
========================================
Единственное, что вам надо поправить тут, это поменять в этом коде - выражение http://cheger.livejournal.com/profile на ссылку своего поста. То есть логически следует вывод, что этот код можно вставить только после того, как ваш пост опубликован.
Так же важно знать, что вставлять его надо в режиме HTML и обязательно поставить галку "Не выполнять автоформатирование"\"Отключить автоформатирование".
Ну а теперь пример того, как это делаю я, может и пригодиться:
1. Пишу пост
2. Отправляю его в ЖЖ как личный (видимый только мне)
3. Копирую ссылку на пост (что то типа http://cheger.livejournal.com/221527.htm
4. В самый конец поста вставляю приведённый выше код в режиме HTML с отключенным автоформатированием
5. Заменяю везде в коде http://cheger.livejournal.com/profile на ссылку на только что созданный пост (в нашем примере это http://cheger.livejournal.com/221527.htm
6. После этого блока можно поставить вот такой код для репоста в ЖЖ всей записи
7. Сохраняю пост, предварительно сделав его видным для всех
8. В итоге получаю вот что:
Да, не забудьте, что отключение автоформатирования может привести в тому, что ваша запись превратиться в сплошной текст. В таком случае может помочь использование HTML тэга <br>, который позволяет сделать перенос строки. Ну или тупо переключиться в визуальный режим и проставить все везде как надо. Короче говоря, пробуйте, экспериментируйте, если оно вам надо.
