2010-10-31 103 views
17

我想定製我的Facebook喜歡盒子的設計。香港專業教育學院已搜索網絡並遵守所有的指示,這裏的鏈接香港專業教育學院嘗試,但它似乎已過時:定製Facebook喜歡盒子

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

有很多在網絡教程,但有相同的解決方案。

在此停留了近2個小時。任何人都可以知道如何定製像盒子?

非常感謝您的幫助。

+2

同樣的問題在這裏。我無法弄清楚如何將我的自定義樣式表添加到新的''中。教程已過時。 – 2011-01-17 15:08:35

回答

1

究竟是什麼問題?所提供的鏈接上的說明確實很好。每次更改並上傳時,一定要更新css文件的「?1」參數。

如果你有一個鏈接,我可以幫助你更多。

+0

我在我的代碼中完成了這項工作,只是當我將fb:like-box更改爲fb:fan時,fb like-box消失了。這就是爲什麼我認爲該教程已經過時。 Facebook給他的代碼與facebook喜歡框頁面中生成的代碼不一樣。 – EVG 2010-11-01 03:04:05

2

Facebook有一個「嚮導」,幾乎給你所有的選項和允許的樣式。

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

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

+0

它不是像按鈕..它的盒子.. – EVG 2010-11-01 03:01:44

+0

我提供了類似按鈕(第一鏈接)和類似框(第二鏈接)的鏈接。 – 2010-11-01 10:24:13

+0

是啊...你不能編輯那裏的設計...其默認設計..我想要的是我想改變顏色,省略邊框,改變像按鈕的位置等... – EVG 2010-11-02 03:16:23

22
  1. 從這裏獲取XFBML代碼:http://developers.facebook.com/docs/reference/plugins/like-box/#
  2. 重命名FB:樣框FB:風扇
  3. 上傳你的CSS文件,您的網站
  4. 添加此PARAMS到FB標籤:PROFILE_ID = 「你的頁面ID」 CSS = 「http://example.com/css/your-cutom-style.css?1」

享受:)

+0

請注意,您需要包含profile_id屬性,正如mdpatrick – lucascaro 2012-01-17 16:15:49

+3

所提及的,爲什麼我需要將喜歡的框重命名爲粉絲?有什麼不同? – kritop 2012-02-08 17:06:35

+2

這不起作用了。任何人都有解決方案? – rgin 2012-08-08 13:11:53

5

Weltkind說得對。訣竅是,當您將<fb:like-box>更改爲<fb:fan>時,您必須包含profile_id屬性,或者它不會顯示任何內容!如果您像我一樣對粉絲頁面網址進行了重命名,則可以從洞察頁面獲取原始號碼。我會贊成Weltkind,但我還沒有足夠的聲譽。衛生署。 :)

0

您可以使用html代碼自定義Facebook的喜歡框。最簡單的方法,按照這一步。

<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代碼中並替換iframe的網址到你的Facebook頁面的URL。

您可以參考here