2011-11-04 50 views
0

我在我的博客中添加了以下Facebook Like代碼。 但是當我點擊按鈕時,它出現了一個如下所示的小對話窗口: http://www.badongo.com/pic/13928565Facebook Like按鈕顯示奇怪的對話框窗口

我不想要這個對話窗口。我只是想要增加像按鈕的數量。 有人請幫助我,謝謝!

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) {return;} 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/zh_TW/all.js#appId=189257097820759&xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<div class="fb-like" data-href="imobile.tw" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div> 
+0

看起來像有一堆語法錯誤給我,但你可以用沒有<?php echo代碼的代碼編輯問題在它,而是實際的網址?沒有辦法測試你沒有發佈的代碼。我會建議查找如何在Google上製作一個類似Facebook的按鈕,並從頭開始。另外,當我想要使用+1按鈕來添加喜歡按鈕時,我認爲唯一真正起作用的版本是iFrame選項。 – miahelf

+0

謝謝miahelf。我已經使用我的網址編輯了代碼。 – lavitanien

+1

嗯,沒有,當我加入你的代碼的HTML文件上工作,但是當我改變了這一行:js.src =「//connect.facebook ...在HTTP補充:前//它工作得很好隨着 – miahelf

回答

0

在閱讀Facebook開發者頁面之後,我認爲URL「Like」的新樣式包括彈出/對話框。您可以使用設置爲正確大小的Like按鈕以及溢出隱藏彈出窗口:爲其分配隱藏的CSS屬性。另一種選擇是在Facebook頁面上使用Like按鈕。這被稱爲Like Box,但同樣只適用於Facebook網頁/網址。也許你可以爲你的網站創建一個Facebook頁面,並有所有的Like按鈕鏈接到那個?

這裏是Facebook的樣箱發生器,它可以關閉大部分功能得到公正的Like按鈕,而不是所有多餘的東西: http://developers.facebook.com/docs/reference/plugins/like-box/

這裏是Facebook的Like按鈕發電機,有一個彈出來,他們提到彈出可能會隱藏着雖然不談論它,就好像你可能想隱藏它: http://developers.facebook.com/docs/reference/plugins/like/

+0

沒有彈出我覺得彈出添加到Like按鈕時,他們不贊成分享按鈕 – miahelf

+0

不,它是獨立於。我不認爲它會出現,如果沒有檢測到空間來呈現它,我是不知道用什麼方法來決定是否有空間,如果你使用XFBML版本,它不應該彈出任何其他元素。彈出窗口允許用戶在將鏈接分享到牆上時對您的鏈接發表評論,我認爲它也提高了點擊率,所以我很驚訝你想隱藏它 – Igy

3

在你的CSS:

.fb_edge_comment_widget.fb_iframe_widget { display: none !important } 
2

這些都不CSS變通辦法似乎工作,截至目前(2012年12月),所以我建議你使用一個更可靠的解決方案:只需將FB:喜歡進入一個div overflow: hidden。如果div足夠小(只顯示Like按鈕),它將起作用。

要把它放到你的HTML文件:

<div id="fbLikeContainer"> 
    <fb:like send="false" layout="button_count" width="70" show_faces="false"></fb:like> 
</div> 

這到你的CSS文件:

#fbLikeContainer { 
    overflow: hidden; 
} 

如果您檢查的官方Like button referenceFacebook開發,特別是部分當我點擊Like按鈕,彈出窗口(或「彈出窗口」)不顯示。爲什麼?,你會發現這就是Facebook建議你做的(儘管無意)