irwi99 (irwi99) wrote,
irwi99
irwi99

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

Оригинал взят у rights_freedom в Как сделать кнопку "Перепост" на разные социальные сервисы рунета
Оригинал взят у dgz в Как сделать кнопку "Перепост" на разные социальные сервисы рунета


Социальные сети и блогохостинги обзавелись кнопками, делающие возможным (перепост) распространение информации, нажатием на эти самые кнопки. Кроме стандартного набора сервисов, предлагаемых в ЖЖ  ( <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> 

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

<lj-repost button="Разместить у себя в журнале" />

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




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

Кнопка - Поделиться в 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>



Tags: internet, интернет, советы
Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments