≡ 30 Январь 2012
Как сделать кнопку «Перепост» на разные социальные сервисы рунета А А А
Социальные сети и блогохостинги обзавелись кнопками, делающие возможным (перепост) распространение информации, нажатием на эти самые кнопки. Кроме стандартного набора сервисов, предлагаемых в ЖЖ ( <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&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&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>
Комментарии: