QUANG NHANG SẠCH: HƯỚNG DẪN CHI TIẾT CHÈN BÌNH LUẬN FACEBOOK VÀO BLOG
Images

HƯỚNG DẪN CHI TIẾT CHÈN BÌNH LUẬN FACEBOOK VÀO BLOG


Chào bạn,

Nếu bạn đã từng theo dõi trang web cá nhân của mình thì hôm nay bạn sẽ thấy có vài sự thay đổi nho nhỏ. Trước tiên đó là bố cục trang web mình làm lại để tập trung chia sẻ nhiều giá trị đến bạn. Vì mình tự nhũ rằng, bạn đã mất thời gian tham quan web mình thì mình phải đền đáp lại bạn một cái gì đó.

Và trong thời buổi này mình nghĩ các chủ đề về internet, về marketing online, ứng dụng facebook, google và các công cụ trên mạng để kinh doanh tăng thêm thu nhập cũng khá thú vị dành cho bạn. Bạn thường xuyên đọc nhé vì nó rất bổ ích và mình viết theo những gì mình và bạn bè mình cũng như những người thành công trên Internet đang dáp dụng kiếm tiền hàng tháng.

Điều thay đổi và cũng là xu hướng hiện nay là mình có gắn 1 ô bình luận (comment) của facebook vào web cá nhân. Cũng nói thêm với bạn đây là web blog pro hoàn toàn miễn phí của google. Blog giúp bạn tạo ra những trang web không tốn tiền với đuôi là blogspot.com (nếu bạn có tiền thì mua tên miền 250.000 đồng/ năm gắn vào thì nó thành như trang www.quangnhangsach.com đó).

Vậy, trong khuôn khổ bài này mình chia sẻ đến bạn cách gắn ô bình luận (comment) của facebook vào blog. (Những bài sau mình chia sẻ cách gắn vào wordpress và web nhé). Mời bạn thực hiện theo các bước sau:

Bước 1: Đăng ký app trên facebook

https://developers.facebook.com/apps



Chọn tạo ứng dụng mới bên góc phải
                                                                                                         
Bước 2: Đặt tên cho app (Ứng dụng)



-         Tên ứng dụng: bạn điền vào
-          Không gian tên ứng dụng:
-         App Category: Giải trí

Chọn tiếp tục 


 nhập dãy số vào bạn nhé

Bước 3: Thiết lập ứng dụng vừa tạo tại Facebook

Bạn nhập như bên dưới nhé.
App domain: blogspot.com
Sandbox : đánh dấu bị tắt

Site url: điền trang web bạn muốn chèn nhé. Mở web lên copy vào cho chuẩn bạn nhé.




4.Đăng nhập vào blog, chọn chỉnh sửa HTML:

- Thêm đoạn sau vào thẻ < html.... 

xmlns:fb='https://www.facebook.com/2008/fbml


(một số trường hợp bạn không chèn đoạn này cũng được vì đã có sẵn trên blog của bạn rồi, nếu chèn vào mà bị lỗi thì bạn xóa đoạn này nhé.)

lưu ý: trước mắt bạn không chèn đoạn này vào, cứ làm các bước dưới trước nhé.
- Thêm đoạn sau vào trước thẻ </head>


<meta content='Mã ứng dụng' property='fb:app_id'/>

Mã ứng dụng : bạn thay bằng dãy số App Id tôi đánh dấu ở trên


Bước 5: Thêm đoạn mã bên dưới vào trước thẻ  </body>


<div id='fb-root'/>
    <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 = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
        fjs.parentNode.insertBefore(js, fjs);

      }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>



Bước 6: Thêm đoạn code bên dưới vào trước thẻ đóng </head> 



<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="600"></div>';
//]]>
</script>

Lưu ý:
data-num-posts= 5: Số nhận xét được hiển thị.
data-width= 600: Độ rộng của khung bình luận.

Bước 7: Chèn khung nhận xét facebook vào vị trí thích hợp trong blogspot

Thông thường ta sẽ chèn ngay phía bên dưới bài viết. Tìm một trong các đoạn code sau:

<b:include data='post' name='post'/>


Thêm đoạn code sau vào bên dưới đoạn vừa tìm được:


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type='text/javascript'>
document.write(fbcm);
</script>

</b:if>


Mình đã hướng dẫn chi tiết cách chèn bình luận facebook vào bài viết blog rồi đó. Các bạn làm thử nhé.

Có gì không rõ hoặc muốn hỏi gì thì gửi câu hỏi vào đây nhé.

Chúc các bạn tạo blog chuyên nghiệp và dùng bình luận này để quãng bá sản phẩm của bạn đến khách hàng tiềm năng. Đây chính là kinh doanh không cần vốn.

 

Đăng nhận xét
Blogger Gadgets