[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: FastShot, ๖ۣۜПpỡpờķع  
Кнопки поделится в соц. сети (NEW)
JokerДата: Пятница, 12.10.2012, 14:32 | Сообщение # 1
Владелец сайта
Сообщений: 27
Репутация: 452
Offline


Новые и очень удобные кнопки, для того, чтобы отправить в социальные сети понравившейся материал с Вашего сайта. Поставить можете в любое место, где Вам удобно! Я поставил себе на главную страницу вверх. И главное, что этот код без рекламы от яндекса и других генераторов кнопок.

Важно: в коде замените слово "ВАША ССЫЛКА", на ссылку на главную страницу Вашего сайта с http.
Пример: http://kakoitasait.xz/
И в RSS на ссылку Вашего rss канала, к примеру /load/rss

Установка:
В то место, где Вам нужно код:

Code
<div id="sidebar">  
   <div id="soc">  
   <a href="http://ВАША ССЫЛКА RSS каналf/rss" target="_blank" title="RSS" class="soc-rss"></a>  
   <a href="http://del.icio.us/post?url=http://ВАША ССЫЛКА/" rel="nofollow" target="_blank" title="Del.icio.us" class="soc-del"></a>  
   <a href="http://www.facebook.com/share.php?u=http://ВАША ССЫЛКА/" rel="nofollow" target="_blank" title="FaceBook" class="soc-facebook"></a>  
   <a href="http://memori.ru/link/?sm=1&u_data[url]=http://ВАША ССЫЛКА/" rel="nofollow" target="_blank" title="Memori" class="soc-memori"></a>  
   <a href="http://vkontakte.ru/share.php?url=http://ВАША ССЫЛКА/" rel="nofollow" target="_blank" title="Vkontakte" class="soc-vkontakte"></a>  
   <a href="http://twitter.com/share?url=http://ВАША ССЫЛКА/" rel="nofollow" target="_blank" title="Twitter" class="soc-twitter"></a>  
   </div></div>


Добавить в таблицу стилей CSS в конец:

Code
/*---------СОЦ СЕТИ КНОПКА-----------*/  
  #content {background: url(http://alex-magazine.at.ua/img/15.png);padding: 10px 18px;}  
  #content-inside {width: 940px;}  
  #maincol {float: left;width:680px;}  
  #sidebar {float: left;width: 260px;}  
  #soc {padding-left:8px;height: 44px; margin-bottom: 5px;}  
  #soc a { display: block; width: 32px; height: 32px; float: left; margin: 6px 6px 0px 4px;}  
  #soc a:hover { background-position: 0px -32px;}  
  .soc-rss { background: url(http://alex-magazine.at.ua/img/16.png);}  
  .soc-del { background: url(http://alex-magazine.at.ua/img/17.png);}  
  .soc-facebook { background: url(http://alex-magazine.at.ua/img/18.png);}  
  .soc-memori { background: url(http://alex-magazine.at.ua/img/19.png);}  
  .soc-twitter { background: url(http://alex-magazine.at.ua/img/20.png);margin-right: 0px !important;}  
  .soc-vkontakte { background: url(http://alex-magazine.at.ua/img/21.png);}  
  /*---------СОЦ СЕТИ КНОПКА КОНЕЦ---------*/



Ваша реклама здесь за 20 руб. 2 месяца
 
  • Страница 1 из 1
  • 1
Поиск:


Мини-чат
Чтобы добавить сообщение, необходимо авторизоваться.
Хостинг от uCoz
""