[tintuc]Chào bạn, hôm nay mình sẽ hướng dẫn mọi người Quản Lý và Nhận Thông Báo Facebook Comment Trên Website.

Mình đã có một bài viết nói về Cách chèn facebook comment vào blog, Nếu ai chưa có comment facebook ở blog có thể tham khảo nhé.

Bước 1: Bạn truy cập: https://developers.facebook.com

Nếu bạn đã tạo ứng dụng trước kia thì chọn lại một trong các ứng dụng bạn đã tạo, nếu chưa bạn bấm vào "Thêm ứng dụng mới".

Một cửa sổ mới xuất hiện để nhập tên ứng dụng, đây là bài hướng dẫn nên tôi đặt tên ứng dụng của mình là "Test bình luận trên Jweb.vn". Bạn có thể đặt tên tùy ý, ví dụ shop của bạn có tên là Điện Hoa Thanh Vân thì bạn đặt tên ứng dụng là Điện Hoa Thanh Vân.

[tintuc]Chào bạn, hôm nay mình sẽ hướng dẫn mọi người Quản Lý và Nhận Thông Báo Facebook Comment Trên Website.

Mình đã có một bài viết nói về Cách chèn facebook comment vào blog, Nếu ai chưa có comment facebook ở blog có thể tham khảo nhé.

Bước 1: Bạn truy cập: https://developers.facebook.com

Nếu bạn đã tạo ứng dụng trước kia thì chọn lại một trong các ứng dụng bạn đã tạo, nếu chưa bạn bấm vào "Thêm ứng dụng mới".

Một cửa sổ mới xuất hiện để nhập tên ứng dụng, đây là bài hướng dẫn nên tôi đặt tên ứng dụng của mình là "Test bình luận trên Jweb.vn". Bạn có thể đặt tên tùy ý, ví dụ shop của bạn có tên là Điện Hoa Thanh Vân thì bạn đặt tên ứng dụng là Điện Hoa Thanh Vân.

[tintuc]
Bài viết này sẽ hướng dẫn bạn đọc cách chèn Facebook Comment nhanh vào trang Blogger của bạn. Chỉ với 4 bước bạn đã có được một tính năng bình luận Facebook ưng ý với mã nguồn của Blogspot
Cách chèn Facebook Comment vào Blogger rất dễ dàng, bạn hãy làm theo 4 bước sau:

1. Tạo một ứng dụng mới trên Facebook

Bạn hãy xem hướng dẫn tạo Facebook App để lấy App ID để thực hiện chèn Facebook Comment vào website và quản lý comment thông qua ứng dụng bạn vừa tạo.

2. Lấy mã code được cung cấp bởi Facebook

Để Get code bạn vào link https://developers.facebook.com/docs/plugins/comments/ chọn các thông số sau:

• Width: 100% hoặc để chống
• Number of post: Số lượng comment hiển thị mặc định
• Color Scheme: Style màu sắc box comment tùy theo site của bạn màu gì bạn chọn cho phù hợp

Hình 1. Chèn mã code được cung cấp bởi Facebook

3. Đặt mã code App ID vào thẻ meta

Khi bạn đã lấy được mã code như hình 1 hãy chèn mã code này tôi đã bổ xung thêm 2 thẻ <meta>

<meta property="fb:app_id" content="Your_App_ID"/><meta property="fb:admins" content="User_ID"/></head><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/vi_VN/sdk.js#xfbml=1&version=v2.3&appId=Your_App_ID"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

1 2 3 4 5 6 7 8 9 10 11

<meta property="fb:app_id" content="Your_App_ID"/> <meta property="fb:admins" content="User_ID"/> </head> <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/vi_VN/sdk.js#xfbml=1&version=v2.3&appId=Your_App_ID";   fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

 Bạn hãy thay Your_app_id và User_id bằng số liệu bạn nhận được, riêng User ID bạn lấy bằng cách click vào Avatar Facebook cá nhân của bạn

https://www.facebook.com/photo.php?fbid=634855699985102&set=a.104988459638498.6128.100003820326603&type=1&theater

1	https://www.facebook.com/photo.php?fbid=634855699985102&set=a.104988459638498.6128.100003820326603&type=1&theater

 Ví dụ trong đoạn code này User ID là 100003820326603

4. Đặt mã code Comment vào bài viết

Có 2 cách để bạn chèn Comment Facebook vào trang Blogger, đầu tiên bạn hãy vào https://www.blogger.com/  -> Chọn Blog muốn chèn > Menu Mẫu -> Chỉnh sửa HTML và làm theo các cách sau:
Cách 1: Thêm mã code sau ngay dưới thẻ <b:include data=’post’ name=’post’/>
Để tìm thẻ trên bạn click chuột vào khu vực thẻ nhấn tổ hợp phím Ctrl+F sẽ bôi vàng vị trí này bạn hãy chèn vào dưới thẻ được bôi vàng đoạn code sau:

<b:if cond='data:blog.pageType == "item"'><div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div></b:if>

1 2 3

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div> </b:if>

 Cách 2: Thêm mã doe này vào sau thẻ </div> của đoạn thẻ <div class=’post-footer’>
Vẫn thực hiện Ctrl+F để tìm <div class=’post-footer’> và kéo xuống tìm thẻ đóng của nó là </div> và chèn vào đoạn code này

<b:if cond='data:blog.pageType == "item"'><div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div></b:if>

1 2 3

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div> </b:if>

Sau đó chọn Lưu mẫu và kiểm tra kết quả nếu trả về kết quả như hình 02 dưới đây là OK

Hình 2. Chèn Facebook Comment nhanh vào Blogger thành công

Kết luận

Blogspot là một mô hình phát triển có tính mở rất cao, nên bạn có thể dễ dàng chèn Facebook comment vào hoàn toàn không có gì khó. Tuy nhiên bạn đừng quyên thường xuyên theo dõi và quản lý các comment trên https://developers.facebook.com/tools/comments . Cảm ơn bạn đã ghé thăm Blog Hoàng Luyến, chúc bạn thành công!

Cách chèn Facebook Comment nhanh vào Blogger (Blogspot)

2.6/5 (51.71%) 41 votes

[/tintuc]

[tintuc]
Chia sẻ mẫu blogspot bán hàng đẹp

Demo: https://bizmart-new-ht.blogspot.com
Download: https://drive.google.com/file/d/1jhI4GSWA6dRbQQY_uoCQRH5KTymv9K1H/view




Hướng dẫn cài: https://www.youtube.com/watch?v=Kz8bWne88mI

Mẫu giao diện blogspot đẹp làm web bán hàng
https://www.maublogdep.com/

[/tintuc]

[giaban]500,000[/giaban]

[tomtat]Mẫu giao diện blogspot bán hàng shop thời trang hoặc các mặt hàng khác như mỹ phẩm, thời trang, theme blog đẹp chuẩn seo, chuẩn mobile ipad[/tomtat]

[link]https://shopsexy-ht.blogspot.com/[/link]

[chitiet]
Template giao diện mẫu blogspot shop thời trang mẫu giao diện blogspot bán quần áo, thời trang đẹp chuẩn seo, giao diện chuẩn .
Theme blogspot bán hoa đẹp, bố cục thiết kế đầy đủ

Đã được tối ưu tốc độ tải trang và tối ưu SEO hiệu quả
Thiết kế giao diện thân thiện với tất cả các thiết bị từ PC, cho đến các thiết bị dị động.
Khả năng tương thích với tất cả các loại trình duyệt phổ biến nhất hiện nay

Liên hệ: Hòa Trần
Facebook: https://www.facebook.com/hoatran.gl
ĐT: 097 1539 681
Email: tranhoa1991gl@gmail.com

Kết luận: Theme blogspot bán hàng đẹp tháng 19/5/2018, một Template mẫu giao diện blogger bán hàng đẹp.

Từ khóa: Template blogspot responsive, blogspot template, template blogspot bán hàng, template blogspot đẹp, share template blogspot, rip blogspot chuyên nghiệp, thiết kế blogspot, template blogger đẹp chuẩn seo, blogspot bất động sản. Theme blogger landing page travel du lịch, Theme blogspot landingpage mỹ phẩm

[/chitiet]

[tintuc]
Adsense là cách kiếm tiền online có thể nói là quá ngon, rất nhiều bạn đã kiếm được từ 1.000$ - 30.000$ trong 1 tháng.

Hướng dẫn cài đặt mã adsense lên trang web chuẩn nhất, tránh trường hợp sử dụng 1 thời gian sẽ không hiện các đơn vị quảng cáo trên web.

Bước 1: Đăng nhập vô tài khoản adsense, truy cập vô các mục sau:
- Quảng cáo của tôi - Quảng cáo tự động - Thiết lập quảng cáo tự động
Nó hiện ra một đoạn code, copy nó dán sau <head> trong website hoặc blog
Nếu có sẵn rồi thì bỏ qua bước này

<script async = 'async' src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-xxxxxxxxxxxxxxx",
          enable_page_level_ads: true
     });
</script>

Sau đó lưu lại

Bước 2: Cài đặt - Trang web của tôi
Nhấn vô dấu cộng (+) thêm trang web, tên miền của bạn vô và bật xác minh nó lên

Bước 3: Thiết lập tệp ads.txt
Cấu trúc tệp ads.txt có dạng như sau: Thay ID của các bạn vô xxxxxxxxxxxxxx

1: Dành cho gà không chính chủ (gà mua, khác domain)

google.com, pub-xxxxxxxxxxxxxxxx, RESELLER, f08c47fec0942fa0

2: Dành cho gà chính chủ (tên miền gốc)

google.com, pub-xxxxxxxxxxxxxxxx, DIRECT, f08c47fec0942fa0

Các bạn mở notepad lên copy dòng trên tùy theo trường hợp 1 hay 2, dán vô notepad lưu lại với tên ads.txt

Tiếp theo chúng ta sẽ cài lên web: dường dẫn có dạng  linkweb.com/ads.txt

a: Dành cho website (hosting): các bạn upload thẳng lên hosting
b: Dành cho blogspot: Các bạn vô blog - cài đặt - Tùy chọn tìm kiếm - mục kiếm tiền ads.txt dán vô và lưu lại

Như vậy là xong chờ khoảng 5 đến 10 phút là mã ads hiển thị.
Tránh trường hợp sử dụng 1 thời gian nó sẽ không hiển thị ads nữa.

Lưu ý: 1 web vẫn có thể sử dụng nhiều adsense 1 lúc, chỉ cần thêm mã như bước 3: ví dụ có 5 adsense thì cài 5 code trong tệp ads.txt xem hình

Chúc bạn thành công.

Cung cấp tài khoản adsense ngoại, pin, chưa pin, paid
[/tintuc]

[giaban]500,000[/giaban]

[tomtat]Mẫu giao diện blogspot bán hàng shop hoa hoặc các mặt hàng khác như mỹ phẩm, thời trang, theme blog đẹp chuẩn seo, chuẩn mobile[/tomtat]

[link]https://shopbanhoa-ht.blogspot.com/[/link]

[chitiet]
Theme blogspot bán hoa đẹp, bố cục thiết kế đầy đủ

Đã được tối ưu tốc độ tải trang và tối ưu SEO hiệu quả
Thiết kế giao diện thân thiện với tất cả các thiết bị từ PC, cho đến các thiết bị dị động.
Khả năng tương thích với tất cả các loại trình duyệt phổ biến nhất hiện nay

Liên hệ: Hòa Trần
Facebook: https://www.facebook.com/hoatran.gl
ĐT: 097 1539 681
Email: tranhoa1991gl@gmail.com

Kết luận: Theme blogspot bán hàng đẹp tháng 19/5/2018, một Template mẫu giao diện blogger bán hàng đẹp.

Từ khóa: Template blogspot responsive, blogspot template, template blogspot bán hàng, template blogspot đẹp, share template blogspot, rip blogspot chuyên nghiệp, thiết kế blogspot, template blogger đẹp chuẩn seo, blogspot bất động sản. Theme blogger landing page travel du lịch, Theme blogspot landingpage mỹ phẩm

[/chitiet]

[tintuc]

Cài đặt chat facebook cho blogspot mới nhất, tạo live chat facebook cho blogspot

Bước 1: copy mã sau dán dưới <body> nếu có sẵn thì xóa đi dán cái này vô

<div id='fb-root'></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : '176690452847426',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.12'
    });
  };
  (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 = "https://connect.facebook.net/vi_VN/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

Bước 2: Thay ID App của bạn vô dãy số trên. 176690452847426
Truy cập link: https://developers.facebook.com/apps
Nếu chưa có thì bạn phải tạo, cái này không hướng dẫn thêm

Bước 3: Copy dán trước </body>

<div class="fb-customerchat"
 page_id="135641763240991"
 logged_in_greeting="HOATRANWEB CÓ THỂ HỖ TRỢ GÌ CHO BẠN ?"
 logged_out_greeting="Chào bạn. Bạn đang cần xem chủ đề gì ?">
</div>

Trong đó dãy số là ID Fanpage của bạn. Cách lấy ID truy cập link https://findmyfbid.com
Dán link Fanpage của bạn vô và nhấn tìm, xong thì thay thế vô dãy số trên.


Bước 4: Truy cập vô fanpage của bạn và làm theo như hình sau

Cài đặt - Nền tảng Messenger - Miền được đưa vào danh sách hợp lệ

Xong nhấn lưu lại. Quay lại website và test.
Chúc bạn thành công.

[/tintuc]