Facebook Comments Pluginを使用してみる 3

| コメント(0) | トラックバック(0)

最後に、Movable Typeのテンプレートにソースコードを組み込みます。

Movable TypeのブログにFacebookコメント欄を設置する方法」から下記のソースコードを利用させていただきます。

<!-- Facebookコメント欄表示 -->
<div id="fb-root"></div>
<script src="http://connect.facebook.net/ja_JP/all.js#appId=690000417794350&xfbml=1"></script>
<fb:comments numposts="5" width="100%" publish_feed="true"></fb:comments>

  1. テンプレート

アーカイブテンプレートの「記事」に埋め込みます。

20150621000907-d78dddf0293ecd1328f560962bce22049025781e.png

  1. テンプレートの編集

	<$mt:Include module="トラックバック"$><br />
	<$mt:Include module="コメント"$>

の後ろに埋め込みます。

	<$mt:Include module="トラックバック"$>
	<$mt:Include module="コメント"$>
	<!-- Facebookコメント欄表示 -->
	<div id="fb-root"></div>
	<script src="http://connect.facebook.net/ja_JP/all.js#appId=690000417794350&amp;xfbml=1"></script>
	<fb:comments numposts="5" width="100%" publish_feed="true"></fb:comments>

  1. テンプレートの保存と再構築

コメント欄が予定した場所に表示されていれば完成です。

20150621003756-339bedf00ea9be80d9badb77c1831398967bcd27.png

 

参考にさせていただいたサイト

佐渡の洋食屋店長のブログMovable TypeのブログにFacebookコメント欄を設置する方法

トラックバック(0)

トラックバックURL: http://jn4mmo.sakura.ne.jp/mt/mt-tb.cgi/2365

コメントする

2016年3月

    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

アーカイブ

Trackback People

この記事について

このページは、ANDY K. YAMAKITAが2015年6月21日 00:50に書いた記事です。

ひとつ前の記事は「Facebook Comments Pluginを使用してみる 2」です。

次の記事は「Movable Type 6.1.1にアップグレード」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Powered by Movable Type 6.2.4