настройка лайкбокса в фейсбуке - PullRequest
17 голосов
/ 31 октября 2010

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

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

В Интернете много учебников, но есть такое же решение.

застрял в этом почти на 2 часа.Может кто-нибудь знает, как настроить подобную коробку?

Ваша помощь очень ценится.

Ответы [ 6 ]

22 голосов
/ 13 апреля 2011
  1. Получите код XFBML здесь: http://developers.facebook.com/docs/reference/plugins/like-box/#
  2. Переименуйте fb: like-box в fb: fan
  3. Загрузите файл css на свой веб-сайт
  4. Добавьте эти параметры в тег fb: profile_id = "ID ВАШЕЙ СТРАНИЦЫ" css = "http://example.com/css/your-cutom-style.css?1"

Наслаждайтесь:)

5 голосов
/ 18 мая 2011

Weltkind понял это правильно. Хитрость заключается в том, что когда вы изменяете <fb:like-box> на <fb:fan>, вы должны затем также включить атрибут profile_id, , иначе он ничего не покажет! Если вы переименовали URL своей фан-страницы, как я есть, оригинальный номер можно взять со страницы идей. Я бы поддержал Weltkind, но у меня пока недостаточно репутации. Doh. :)

2 голосов
/ 01 ноября 2010

У Facebook есть «волшебник», который в значительной степени предоставляет вам все возможные варианты и стили, которые разрешены.

http://developers.facebook.com/docs/reference/plugins/like

http://developers.facebook.com/docs/reference/plugins/like-box

1 голос
/ 24 марта 2011

Нельзя настроить метод iframe.Однако вы можете настроить метод xfbml через свой собственный css.Смотрите эту страницу: Как настроить фан-бокс Facebook

1 голос
/ 01 ноября 2010

в чем именно твоя проблема? инструкции по предоставленной ссылке работают довольно хорошо. Обязательно обновляйте параметр «? 1» вашего CSS-файла каждый раз, когда вы вносите изменения и загружаете его.

если у вас есть ссылка, я мог бы помочь вам еще немного.

0 голосов
/ 22 июня 2015

Вы можете настроить Facebook как поле с помощью HTML-кода.Простейший способ - выполнить этот шаг.

<div id="facebooklikebox-3" class="widget widget_FacebookLikeBox"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/607728429342897" width="290" show_faces="true" border_color="AAAAAA" stream="false" header="true" class=" fb_iframe_widget" fb-xfbml-state="rendered" ><span style="vertical-align: bottom; width: 290px; height: 400px;"><iframe name="f25883e0a8" width="290px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="yes" title="fb:like_box Facebook Social Plugin" style="border: none; visibility: visible; height: 400px;" class=""></iframe></span></fb:like-box></div>

Вставьте этот код в свой HTML-код и замените URL-адрес iframe на URL своей страницы в Facebook.

Вы можете получить ссылку здесь

...