Встановлюємо віджети Faceebok та Вконтакте

Leave a Comment

Більшості людей комфортно лише там де був хтось із їх знайомих (рекомендація) або вони бачать, що місце популярне (ефект черги).
Це стосується місця проживання, відпочинку чи інформаційного ресурсу.

Сьогодні створюємо "комфорт" на нашому блозі.
Встановлюємо віджети Faceebok та Вконтакте.

Почнемо з Faceebok.

Переходимо на сторінку Faceebok для розробників.
Створюємо Like Box.


1 - адреса вашої сторінки у ФБ;
2 - ширина віджету (має бути на 10 менше ніж ширина вашої "бічної" панелі;
3 - висота (тут грайтесь, як вам комфортніше);
4 - колір панелі - світлий/темний;
5 - рекомендую залишити значення за замовчанням, але теж експериментуйте.

Коли ви внесли всі значення натискаєте кнопку "згенерувати код".
Бачимо таке вікно:


Не закриваємо (!) його.

Переходимо у наш блог.
Відкриваємо "Макет" і натискаємо "Додати гаджет"


У списку обираємо створити HTML/JavaScript


У вікні яке відкрилось заповнюємо назву (11), а також копіюємо першу частину коду зі сторінки Фейсбука (6) і відразу під нею копіюємо другу частину коду зі сторінки Фейсбук (7)


Натискаємо "Зберегти".

В нашому макеті з'явився новий гаджет (11).


Натискаємо "Зберегти компонування" та перевіряємо чи все гаразд (13).


У мене все ок - віджет додався. ))
Певен, що у вас теж все вдало.

Переходимо до віджета ВК.

Тут схема ще простіша.
Йдемо на певну сторінку ВК.
На ній обираємо створення віджетів (14)


Переходимо на сторінку віджета і тут заповнюємо наступні поля:


15 - адреса вашої спільноти у ВК;
16 - ширина віджету  (має бути на 10 менше ніж ширина вашої "бічної" панелі;
17 - висота (тут грайтесь, як вам комфортніше).

Все інше залишаємо, як є.

Далі копіюємо код (18) та додаємо новий гаджет у своєму блозі (перелік дій дивись у додаванні віджету Facebook).

Дивимось результат:


І тут нам все вдалось. Вітаю! )))

Питання - пишіть.

Успіхів.