Как сделать кнопку «Перепост» на разные социальные сервисы рунета

Подписывайтесь на Телеграм-канал @good_collection

Социальные сети и блогохостинги обзавелись кнопками, делающие возможным (перепост) распространение информации, нажатием на эти самые кнопки. Кроме стандартного набора сервисов, предлагаемых в ЖЖ  ( <lj-like buttons="facebook,twitter,google,vkontakte,livejournal" />), вводимых одним кодом, я расскажу как добавить по отдельности, а так-же на такие сервисы как "Одноклассники", "Мой мир" "LiveInternet" и "Яндекс. Закладки".

Кнопка "перепост" для блогов LiveJournal

Как сделать кнопку для перепоста в ЖЖ? Для того, чтобы ваши читатели могли перепостить ваш пост в своих блогах, нужно в конце поста вставить этот код:

<form method='post' action='http://www.livejournal.com/update.bml' target='_blank'>
<input value='сюда вставить текст, картинки, видео' name='event' type='hidden'>
<input value name='subject' type='hidden'>
<input value='' name='action:preview' type='submit' style='display: 
inline-block; width: 32px; height: 32px; 
background: url(http://greenfam.narod.ru/jj/livejournal.png) no-repeat;border: 0px dotted #fff; cursor:pointer;' title='Опубликовать в LiveJournal'>
</form> 

Если картинка на кнопке вам не нужна, тогда вы можете использовать упрощенный код кнопки:

<*"Спасибо за просмотр" />

Тогда кнопка будет выглядеть так:

Вместо слов "Спасибо за просмотр", можете написать что-то свое.

Кнопка - Поделиться в Facebook

<a href='http://www.facebook.com/sharer.php?u=Ссылка&t=сюда вставить текст' target='_blank'><img
src='http://greenfam.narod.ru/jj/facebook.png' border='0' width='32' height='32' alt='' title='Поделиться в Facebook'></a>

Кнопка - Опубликовать в LiveInternet.ru

<a href='http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl=Ссылка&cntitle=Заголовок'
target='_blank'><img src='http://greenfam.narod.ru/jj/liveinternet.png' border='0'
width='32' height='32' alt='' title='Опубликовать в LiveInternet.ru'></a>

Кнопка - Поделиться в Моем Мире

<a href='http://connect.mail.ru/share?share_url=Ссылка' target='_blank'> <img
src='http://greenfam.narod.ru/jj/mailru.png' border='0' width='32' height='32'
alt='' title='Поделиться в Моем Мире'></a>

Одноклассники и их кнопка Класс!

1.

<a href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&amp;st._surl=Ссылка" target="_blank"><img src='http://greenfam.narod.ru/jj/odnoklassniki.jpg' border='0' width='69' height='21' alt='' title='Добавить в Одноклассники'></a>

2.

<a
href='http://www.odnoklassniki.ru/dk?st.cmd=addShare&amp;st._surl=Ссылка'
target='_blank'><img src='http://greenfam.narod.ru/jj/odnoklassniki.png' border='0'
width='32' height='32' alt='' title='Добавить в Одноклассники'></a>

После нажатия на кнопку откроется страница www.odnoklassniki.ru, на которой надо подтвердить установку ссылки. После подтверждения, ваши друзья увидят ссылку в ленте активности.

Кнопка - Добавить в Twitter

<a href='http://twitter.com/home?status=Сюда вставить текст Ссылка' target='_blank'><img src='http://greenfam.narod.ru/jj/twitter.png' border='0'
width='32' height='32' alt='' title='Добавить в Twitter'></a>

Кнопка - Поделиться ВКонтакте

<a href='http://vkontakte.ru/share.php?url=Ссылка' target='_blank'><img src='http://greenfam.narod.ru/jj/vkontakte.png'
border='0' width='32' height='32' alt='' title='Поделиться ВКонтакте'></a>

Кнопка - Добавить в Яндекс.Закладки

<a href='http://zakladki.yandex.ru/newlink.xml?url=Ссылка' target='_blank'><img
src='http://greenfam.narod.ru/jj/yandex.png' border='0' width='32' height='32'
alt='' title='Добавить в Яндекс.Закладки'></a>




Комментарии:

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

Пожалуйста, зарегистрируйтесь, чтобы комментировать.


Поиск по сайту
Архивы
© 2024   ОПТИМИСТ   //  Вверх   //