4

Facebook の新しい「いいね」ボタンを Blogger の Web サイトに追加したいと考えています。

のブログ投稿に URL を渡す必要がありますiframe src。

Blogger の投稿 URL を取得できますが、Blogger のテンプレート システムがおかしいため、それを文字列<data:post.url/>に入れることはできません。src

私はこれをしたい：

<iframe allowTransparency='true' frameborder='0' scrolling='no'
src='http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;colorscheme=light'
style='border:none; overflow:hidden; width:450px; height:px'/>

しかし、Blogger は次のように不満を述べています。

テンプレートの形式が正しくないため、解析できませんでした。すべての XML 要素が適切に閉じられていることを確認してください。
XML エラー メッセージ: 要素タイプ "null" に関連付けられた属性 "src" の値には、'<' 文字を含めることはできません。

誰かがこれをまだ機能させていますか？

4

6 に答える 6

5

これを試して、

<iframe allowTransparency='true' 
        expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light"' 
        frameborder='0' scrolling='no' 
        style='border:none; overflow:hidden; height: 20px'/>
于 2010-04-26T20:18:42.753 に答える
1

このチュートリアルを使用して、いいねボタンを追加します - FB はいいねボタンの新しいデザインを公開しました - http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

于 2010-08-18T19:50:22.690 に答える
0

WikiHow で iframe メソッドを使用するための段階的なガイドを作成しました: http://www.wikihow.com/Add-Facebook-Like-to-Blogger

うまくいかない場合はお知らせください。基本的に、src は expr:src 構文を使用し、文字列/データを連結する必要があります。

JavaScript バージョンはより柔軟であると主張されていますが、ブラウザで JavaScript を無効にしたり、NoScript アドオンを使用したりする人がまだ多くいます.

于 2010-04-25T20:10:06.337 に答える
-1

テンプレートを変更したときにも同じエラーが発生していました。そこで、JavaScript関数document.writeを使用して解決策を見つけました。

    <script>
    document.write('&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:80px&quot;&gt;&lt;/iframe&gt;');
</script>

上記のコードをブログ投稿セクションの最後に配置するだけです。

2つのメモ：

  • Irwanのソリューションは機能するはずですが（私は試していません）、FBSDKをロードする必要があることを意味します。これは、ブログのパフォーマンスに関心がある人にとっては問題になる可能性があります。

  • マギーのソリューションは問題なく機能しますが、投稿を個別に高く評価することはできません。

ここでそれが機能しているのを見ることができます：http：//fliscorno.blogspot.com/

于 2010-04-22T18:41:27.860 に答える
-1

Juan Jorge のソリューションが機能するはずです。

私見ブロガーでjavascript SDKを使用することは、iframeアプローチを使用するよりもはるかにエレガントです（ブログで両方を試しました）。

この件に関して私が作成したいくつかの投稿へのリンクを次に示します (属性内でブロガー式を使用する方法や、JavaScript SDK を使用してブログ テンプレートに「いいね!」ボタンを組み込む方法など):

http://blog.yanivkessler.com/search/label/blogger

お役に立てれば...

于 2010-10-04T00:12:19.657 に答える
-1

STEP 1:テンプレートにJavaScript SDKを適用してください。

STEP 2: この行を見つける<b:includable id='post' var='post'>

STEP3：これを後ろに置く

<b:if cond='data:post.url'>
  <fb:like action='like' colorscheme='light' expr:href='data:post.url' layout='standard' show_faces='false' width='450'/>
</b:if>

保存して完了です;）

于 2010-04-22T01:31:21.407 に答える