вРазные полезности

Код для сайта Поделиться в социальных сетях

 
Думаю многие поняли, что нужно портал вести и в социальных ресурсов и для этого Код для сайта Поделиться в социальных сетях где поставлены кнопки на самые популярные площадки. Ставим его ниже вид материала и комментариев и он должен на светлом дизайне вписаться в конструкцию. Как видите еще идет само название, не которые делают в блоки, но этот не предназначен для контейнера, только где статьи вы размещаете.

Предоставляю вам ещё один не мало важный и удобный скрипт для вашего сайта, скрипт хорош тем что если пользователю вашего сайта понравился тот или иной материал то он может поделится им со своими друзьями в той или иной соц сети.

Вот как пример, только здесь еще профиль.

Код для сайта Поделиться в социальных сетях

Установка тоже проста как не когда и вы сможете за пару секунд это сделать, вам просто нужно пройти в дизайн странице «Страница материала и комментария» нужного вам модуля и в нужное место разместить код который я вам указал чуток ниже.

Код
<div class=»top_block_title»>Поделиться в социальных сетях</div>  
<div class=»share_socials»>  
<script type=»text/javascript» src=»http://zornet.ru/Ajaxoskrip/Fyrkes/social.js»></script>  
<div class=»mtr_social»>  
<a target=»_blank» href=»http://vk.com/share.php?url=$ENTRY_URL$» class=»vkontakte» title=»»></a>  
<a target=»_blank» href=»https://twitter.com/intent/tweet?url=$ENTRY_URL$» class=»twitter» title=»»></a>  
<a target=»_blank» href=»https://www.facebook.com/sharer/sharer.php?u=$ENTRY_URL$» class=»facebook» title=»»></a>  
<a target=»_blank» href=»http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl=$ENTRY_URL$» class=»odnoklassniki» title=»»></a>  
<a target=»_blank» href=»http://connect.mail.ru/share?url=$ENTRY_URL$» class=»moimir» title=»»></a>  
<a target=»_blank» href=»https://plus.google.com/share?url=$ENTRY_URL$» class=»google» title=»»></a>  
</div>  
</div>  
   
   
<style>  
  .share_socials a margin:0;margin-left:3px;width:32px;height:32px;display:inline-block;background:url(‘http://zornet.ru/Ajaxoskrip/Fyrkes/social-sprite.png’)  
.share_socials a:hover opacity:0.9  
.share_socials .vkontakte background-position: 0 -32px  
.share_socials .facebook background-position: 0 0  
.share_socials .moimir background-position: 0 -64px  
.share_socials .odnoklassniki background-position: 0 -96px  
.share_socials .twitter background-position: 0 -128px  
.share_socials .google background-position: 0 -160px  
  .top_block_title font-size:17px;color:#5f5f5f;margin-bottom:15px  
  .share_socials height:32px;margin-bottom:15px  
  </style>

Вот и всё код установлен и вы сами видите как это просто и легко и не сложно для пользователя.

источник: zornet.ru

Похожие посты