Авторизация на сайте

Последнее из портфолио

Как с нами связаться

  • 8 953 242 0439
  • +7 953 242 0439
  • ws-aprel@ya.ru
  • *******
  • Россия, г. Горячий Ключ
» » » Как добавить блок "Мы вКонтакте" на сайт?

Как добавить блок "Мы вКонтакте" на сайт?

dorofeeva 28-06-2013, 15:44 26 192 Уроки по CMS / Уроки по DLE
Мы в Контакте

На многих сайтах на самом видном месте размещается блок "Мы ВКонтакте" с миниатюрными фотографиями участников или со списком последних новостей. Возникает законное желание разместить такой же блок у себя на сайте.

Как это сделать?

Оказывается все просто.

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

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

Переходим по ссылке:

//vk.com/developers.php?o=-1&p=Groups&s=0

Попадаем на официальную страничку виджетов ВКонтакте.

 

Скрипт для виджета

Первым делом надо изменить ссылку на страницу.

Для того, чтобы узнать так называемый id вашей группы, необходимо просто зайти на страничку группы.

В адресной строке можно увидеть следующее (картинки кликабельны, щелкните по ним, чтобы увеличить и посмотреть):

 

Группа ВКонтакте

или такое:

Группа ВКонтакте

То есть ссылка может выглядеть как набор циферок или краткое название на английском языке. Вот этот адрес и надо подставить.

Следующий пункт - выбор вида блока. Можно задать вывод участников, вывод новостей или только название.

Третий шаг - изменение размеров. Раз вы хотите вставить такой блок на сайт, значит вы уже определились с местом, где он будет расположен и знаете размеры этого места. Впрочем, можете поэкспериментировать.

И ПОСЛЕДНИЙ шаг - надо разместить полученный скрипт на сайте.

Так как сайт у нас на движке DLE, ищем файлик main.tpl, который расположен по адресу:

http://имя.сайта/templates/имя.шаблона/main.tpl 

Ну, а дальше определяйтесь с местом сами. Скрипт можно вставить сверху или снизу вертикального меню, или над основным текстом постов, или в футере.


Экспериментируйте с местом и размером! 



Похожие новости

  • Как подключить стили к HTML-документу. Урок 1
  • Как вставить кнопки социальных сетей на сайт
  • Чем блог отличается от сайта?
  • Создание «плавающих» фреймов
  • И все-таки Wordpress

  • Добавить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent
    Кликните на изображение чтобы обновить код, если он неразборчив