{"id":6795,"date":"2018-08-20T12:45:40","date_gmt":"2018-08-20T12:45:40","guid":{"rendered":"http:\/\/tapchicntt.com\/?p=6795"},"modified":"2023-07-27T16:44:58","modified_gmt":"2023-07-27T09:44:58","slug":"huong-dan-chen-facebook-comment-vao-blogger-blogspot","status":"publish","type":"post","link":"https:\/\/tapchicntt.com\/huong-dan-chen-facebook-comment-vao-blogger-blogspot\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn ch\u00e8n Facebook Comment v\u00e0o Blogger (Blogspot)"},"content":{"rendered":"\n<p>B\u00e0i vi\u1ebft n\u00e0y s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n \u0111\u1ecdc c\u00e1ch ch\u00e8n Facebook Comment nhanh v\u00e0o trang Blogger c\u1ee7a b\u1ea1n. Ch\u1ec9 v\u1edbi 4 b\u01b0\u1edbc b\u1ea1n \u0111\u00e3 c\u00f3 \u0111\u01b0\u1ee3c m\u1ed9t t\u00ednh n\u0103ng b\u00ecnh lu\u1eadn Facebook \u01b0ng \u00fd v\u1edbi m\u00e3 ngu\u1ed3n c\u1ee7a&nbsp;Blogspot<\/p>\n\n\n\n<p>C\u00e1ch ch\u00e8n Facebook Comment v\u00e0o Blogger r\u1ea5t d\u1ec5 d\u00e0ng, b\u1ea1n h\u00e3y l\u00e0m theo 4 b\u01b0\u1edbc sau:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. T\u1ea1o m\u1ed9t \u1ee9ng d\u1ee5ng m\u1edbi tr\u00ean Facebook<\/h2>\n\n\n\n<p>B\u1ea1n h\u00e3y xem h\u01b0\u1edbng d\u1eabn&nbsp;<a href=\"https:\/\/developers.facebook.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">t\u1ea1o Facebook App<\/a>&nbsp;\u0111\u1ec3 l\u1ea5y App ID \u0111\u1ec3 th\u1ef1c hi\u1ec7n ch\u00e8n Facebook Comment v\u00e0o website v\u00e0 qu\u1ea3n l\u00fd comment th\u00f4ng qua \u1ee9ng d\u1ee5ng b\u1ea1n v\u1eeba t\u1ea1o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. L\u1ea5y m\u00e3&nbsp;code \u0111\u01b0\u1ee3c cung c\u1ea5p b\u1edfi Facebook<\/h2>\n\n\n\n<p>\u0110\u1ec3 Get code b\u1ea1n v\u00e0o link&nbsp;<a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/comments\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developers.facebook.com\/docs\/plugins\/comments\/<\/a>&nbsp;ch\u1ecdn c\u00e1c th\u00f4ng s\u1ed1 sau:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Width: 100% ho\u1eb7c \u0111\u1ec3 ch\u1ed1ng<\/li>\n\n\n\n<li>Number of post: S\u1ed1 l\u01b0\u1ee3ng comment hi\u1ec3n th\u1ecb m\u1eb7c \u0111\u1ecbnh<\/li>\n\n\n\n<li>Color Scheme: Style m\u00e0u s\u1eafc box comment t\u00f9y theo site c\u1ee7a b\u1ea1n m\u00e0u g\u00ec b\u1ea1n ch\u1ecdn cho ph\u00f9 h\u1ee3p<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">3. \u0110\u1eb7t m\u00e3 code App ID v\u00e0o th\u1ebb meta<\/h2>\n\n\n\n<p>Khi b\u1ea1n \u0111\u00e3 l\u1ea5y \u0111\u01b0\u1ee3c m\u00e3 code nh\u01b0 h\u00ecnh 1 h\u00e3y ch\u00e8n m\u00e3 code n\u00e0y t\u00f4i \u0111\u00e3 b\u1ed5 xung th\u00eam 2 th\u1ebb &lt;meta&gt;<\/p>\n\n\n\n<pre class=\"brush: xml; title: ; notranslate is-layout-flow wp-block-quote-is-layout-flow\" title=\"\">&lt;meta property=&quot;fb:app_id&quot; content=&quot;Your_App_ID&quot;\/&gt;\n&lt;meta property=&quot;fb:admins&quot; content=&quot;User_ID&quot;\/&gt;\n&lt;\/head&gt;\n&lt;div id=&quot;fb-root&quot;&gt;&lt;\/div&gt;\n&lt;script&gt;(function(d, s, id) {\nvar js, fjs = d.getElementsByTagName(s)&#x5B;0];\nif (d.getElementById(id)) return;\njs = d.createElement(s); js.id = id;\njs.src = &quot;\/\/connect.facebook.net\/vi_VN\/sdk.js#xfbml=1&amp;version=v2.3&amp;appId=Your_App_ID&quot;;\nfjs.parentNode.insertBefore(js, fjs);\n}(document, 'script', 'facebook-jssdk'));&lt;\/script&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">4. \u0110\u1eb7t m\u00e3 code Comment v\u00e0o b\u00e0i vi\u1ebft<\/h2>\n\n\n\n<p>C\u00f3 2 c\u00e1ch \u0111\u1ec3 b\u1ea1n ch\u00e8n Comment Facebook v\u00e0o trang Blogger, \u0111\u1ea7u ti\u00ean b\u1ea1n h\u00e3y v\u00e0o&nbsp;<a href=\"https:\/\/www.blogger.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.blogger.com\/<\/a>&nbsp; -&gt; Ch\u1ecdn Blog mu\u1ed1n ch\u00e8n &gt; Menu M\u1eabu -&gt; Ch\u1ec9nh s\u1eeda HTML v\u00e0 l\u00e0m theo c\u00e1c c\u00e1ch sau:<\/p>\n\n\n\n<p><strong>C\u00e1ch 1<\/strong>: Th\u00eam m\u00e3&nbsp;code sau ngay d\u01b0\u1edbi th\u1ebb&nbsp;&lt;b:include data=\u2019post\u2019 name=\u2019post\u2019\/&gt;<\/p>\n\n\n\n<p>\u0110\u1ec3 t\u00ecm th\u1ebb tr\u00ean b\u1ea1n click chu\u1ed9t v\u00e0o khu v\u1ef1c th\u1ebb nh\u1ea5n t\u1ed5 h\u1ee3p ph\u00edm Ctrl+F s\u1ebd b\u00f4i v\u00e0ng v\u1ecb tr\u00ed n\u00e0y b\u1ea1n h\u00e3y ch\u00e8n v\u00e0o d\u01b0\u1edbi th\u1ebb \u0111\u01b0\u1ee3c b\u00f4i v\u00e0ng \u0111o\u1ea1n code sau:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&lt;b:if&nbsp;cond=&#8217;data:blog.pageType == &#8220;item&#8221;&#8216;&gt;<br>&lt;div&nbsp;class=&#8221;fb-comments&#8221;&nbsp;expr:data-href=&#8221;data:post.canonicalUrl&#8221;&nbsp;data-width=&#8221;640&#8243;&nbsp;data-numposts=&#8221;5&#8243;&nbsp;data-colorscheme=&#8221;light&#8221;&gt;&lt;\/div&gt;<br>&lt;\/b:if&gt; <\/p>\n<\/blockquote>\n\n\n\n<p><strong>C\u00e1ch 2<\/strong>: Th\u00eam m\u00e3 cdoe n\u00e0y v\u00e0o sau th\u1ebb &lt;\/div&gt; c\u1ee7a \u0111o\u1ea1n th\u1ebb&nbsp;&lt;div class=\u2019post-footer\u2019&gt;<\/p>\n\n\n\n<p>V\u1eabn th\u1ef1c hi\u1ec7n Ctrl+F \u0111\u1ec3 t\u00ecm&nbsp;&lt;div class=\u2019post-footer\u2019&gt; v\u00e0 k\u00e9o xu\u1ed1ng t\u00ecm th\u1ebb \u0111\u00f3ng c\u1ee7a n\u00f3 l\u00e0 &lt;\/div&gt; v\u00e0 ch\u00e8n v\u00e0o \u0111o\u1ea1n code n\u00e0y<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&lt;b:if&nbsp;cond=&#8217;data:blog.pageType == &#8220;item&#8221;&#8216;&gt;<br>&lt;div&nbsp;class=&#8221;fb-comments&#8221;&nbsp;expr:data-href=&#8221;data:post.canonicalUrl&#8221;&nbsp;data-width=&#8221;640&#8243;&nbsp;data-numposts=&#8221;5&#8243;&nbsp;data-colorscheme=&#8221;light&#8221;&gt;&lt;\/div&gt;<br>&lt;\/b:if&gt; <\/p>\n<\/blockquote>\n\n\n\n<p> Sau \u0111\u00f3 ch\u1ecdn&nbsp;<strong>L\u01b0u m\u1eabu&nbsp;<\/strong>v\u00e0 ki\u1ec3m tra k\u1ebft qu\u1ea3 n\u1ebfu tr\u1ea3 v\u1ec1 k\u1ebft qu\u1ea3 nh\u01b0 h\u00ecnh 02 d\u01b0\u1edbi \u0111\u00e2y l\u00e0 OK<\/p>\n\n\n\n<p>Ch\u00fac c\u00e1c b\u1ea1n th\u00e0nh c\u00f4ng!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>B\u00e0i vi\u1ebft n\u00e0y s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n \u0111\u1ecdc c\u00e1ch ch\u00e8n Facebook Comment nhanh v\u00e0o trang Blogger c\u1ee7a b\u1ea1n. Ch\u1ec9 v\u1edbi [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":6800,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[129],"tags":[],"class_list":["post-6795","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thu-thuat-mang-web"],"views":427,"_links":{"self":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/6795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/comments?post=6795"}],"version-history":[{"count":1,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/6795\/revisions"}],"predecessor-version":[{"id":7629,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/6795\/revisions\/7629"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media\/6800"}],"wp:attachment":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media?parent=6795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/categories?post=6795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/tags?post=6795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}