nad blog

Livefyre comment cho blog

Sau disqus, hôm nay mình sẽ giới thiệu cho các bạn livefyre, một đối thủ xứng tầm với disqus và nó thân thiện với SEO hơn disqus. Các bạn vào trang chủ tại địa chỉ: http://web.livefyre.com, đăng ký một tài khoản.

Top bình luận cho blogspot
Disqus comment cho blog

Xong, các bạn vào http://web.livefyre.com/comments/ để bắt đầu nhé. Các bạn nhấn "Get start", và điền địa chỉ blog vào.

Sau khi nhận được code, các bạn tìm đến đoạn: <b:include data='post' name='post'/> và dán nó vào bên dưới như hình:

Vậy là xong, chúc các bạn thành công.

Trong bài này mình sẽ chỉ các bạn cách thêm comment disqus vào blog, disqus khá phổ biến, hầu hết các web đều sử dụng nó. Việc tích hợp nó khá đơn giản.

Top bình luận cho blogspot

Trước tiên, các bạn vào trang chủ: https://disqus.com, các bạn có thể đăng nhập bằng tài khoản Facebook hay Google+. Các bạn kéo xuống một chút và nhấn "Add Disqus to Your Site", điền đầy đủ thông tin vào và "Finish registration"

Tiếp theo các bạn chọn blogger, chọn "Add nadblog94.blogspot.com to my Blogger site"

Cuối cùng, các bạn chép code, bỏ vào một cái widget HTML bất kỳ nào đấy và tận hưởng thôi.

Chúc các bạn thành công và có blog đẹp.

Hôm nay mình sẽ chỉ các bạn thêm cái IntenseDebate comments vào blog thay thế cho cái khung comment cũ rích của blog.

Top bình luận cho blogspot

Trước tiên các bạn phải sao lưu lại blog đã, các bạn vào "Mẫu", "Sao lưu và khôi phục" ở bên trên góc bên trái hướng 1h, các bạn tải xuống file xml của blog.

Các bạn vào trang chủ của IntenseDebate tại địa chỉ: https://intensedebate.com/home, tạo tài khoản mới hoặc các bạn có thể đăng nhập với tài khoản Wordpress.com. Các bạn nhìn lên thanh Dashboard , chọn "Sites", chọn "Add blog/site", điền địa chỉ blog vào.

Như vậy là các bạn có thể lấy code được rồi nhưng mình sẽ chỉ các bạn chỉnh sửa một chút phần "Settings" đã. Các bạn vào "Plugins", tại đây có một số plugin, các bạn có thể thêm vào nếu thích, "Activate" là chưa được thêm còn "Deactivate" là đã được thêm.

Các bạn vào tiếp phần "Layout", tại đây các bạn có thể chọn kích thước ảnh Thumbnail và style của redly button,.... Các bạn chọn xong thì "Save" lại. Các bạn chọn tiếp "Comments", ở đây có nhiều tùy chọn, mình xin nói qua như sau:

Login Services: Cái này là đăng nhập bằng mạng xã hội, các bạn có thể chọn Facebook hay Twitte
Comment Settings: Cái này khá nhiều nên mình chỉ khuyên các bạn nên tích vào cái 1,2,3,4,5,6,8,9,10. Các bạn cũng có thể thử để xem rõ nó là gì và lựa chọn cho phù hợp.

Các bạn cũng có thể code CSS thêm cho nó ở phần "Custom CSS".

Cuối cùng, khi đã xong xuôi, các bạn chọn "Reinstall", ở đây các bạn up cái file *.xml vừa sao lưu ở trên lên, nó sẽ tự động sửa cho bạn và khi xong việc thì các bạn copy code mới dán vào "Mẫu" của mình.

Vậy là xong, chúc các bạn có blog đẹp.

Mạng xã hội facebook chắc hẳn không còn xa lạ gì với các bạn nữa, với sự phổ biến của nó thì các bạn cũng đoán được phần nào lợi ích khi đưa comment facebook vào blog rồi. Vì vậy trong bài viết này mình sẽ chỉ các bạn cách thêm khung comment facebook vào blog.

Top bình luận cho blogspot

Trước tiên, các bạn truy cập vào: https://developers.facebook.com. Các bạn chọn "Apps", "Create a New App"

Các bạn đặt tên cho ứng dụng.

Các bạn chọn thẻ "Settings". Click "Add Platform" và chọn "Website"

Cuối cùng các bạn trở về "Dashboard", copy lấy cái ID.

Vào "Chỉnh sửa HTML", thêm đoạn sau vào thẻ <html>: 'xmlns:fb='https://www.facebook.com/2008/fbml'
và đoạn này vào trước thẻ </head>: <meta content='ID' property='fb:app_id'/>

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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

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="15" data-width="800"></div>';
//]]>
</script>

Lưu ý:

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

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. Các bạn tìm đ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 == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

Lưu ý: Để xem và quản lý các bình luận, ta vào https://developers.facebook.com/tools/comments, chọn app vừa tạo.

Top khung bình luận đẹp nhất cho blogger

Chắc hẳn các bạn rất khó chịu với khung comment của blogspot, thực sự mà nói nó rất xấu, các bạn cũng đã nghĩ tới các phương án thay thế nhưng cũng không tìm ra.Vì vậy hôm nay, mình xin giới thiệu với các bạn những khung comment đẹp thay thế cho khung comment xấu xí, ít chức năng của blogspot.

1. Facebook comment box

Mọi người đều biết Facebook là một trang mạng xã hội thực sự rất rất phổ biến, với hơn một tỷ người sử dụng, một trang web được coi là rất có ảnh hưởng phương tiện truyền thông xã hội. Do đó, nó sẽ là một động thái thông minh nếu bạn chuyển sang dùng Facebook Comment Box.
Các plugin có sẵn từ Facebook cho phép người dùng bình luận về trang web hoặc blog sử dụng hồ sơ cá nhân Facebook của họ mà sau đó bạn bè của họ sẽ thấy đoạn comment này trong Facebook. Điều này giúp tăng số lượng người biết tới blog của bạn và cũng làm tăng giá trị xã hội của trang web.
Điểm yếu của hệ thống này là bạn không có khả năng can thiệp vào vào giao diện do facebook quy định. Bạn không thể nào kiểm soát được các bình luận, không thể chặn, hoặc block một người nào đó bình luận trên blog của bạn. Ngoài ra Facebook sử dụng Iframe để nhúng khung bình luận vào trong trang weblob nên khả năng SEO của nó là cực kỳ tệ hại.Và nếu người không muốn chia sẻ những điều này lên facebook thì sao? Có lẽ họ sẽ không để lại những comment, điều này cũng gây nên sự bất tiện cho người dùng.
Các bạn có thể xem bài hướng dẫn ở đây.

2. Google Plus

Google Plus là các trang web mạng xã hội lớn thứ hai sau Facebook và đã có hơn 500 triệu người sử dụng trên toàn thế giới (số liệu thống kê là tính đến cuối năm 2012). Đây cũng là ứng dụng sử dụng nhiều nhất thứ tư trong điện thoại thông minh. Do đó, điều quan trọng là các quản trị web và các blogger phải nghĩ về Google Plus một cách nghiêm túc.
Cũng giống như Facebook, Google giúp ý kiến của người dùng được chia sẻ đi mọi nơi. Các nội dung comment được đăng tải trực tiếp lên tường Google Plus của người sử dụng và cũng có sẵn trong trang cộng đồng Google+. Nhưng sử dụng Google có những lợi thế nhất định về SEO mà làm cho blog của bạn lên top ở các trang tìm kiếm đặc biệt là của Google.

3. Disqus

Disqus là dịch vụ lưu trữ, quản lý bình luận phổ biến nhất trên các trang web và các cộng đồng trực tuyến. Disqus hoạt động tốt với nhiều trang web như Blogger, WordPress , tumblr, Dupal,... và làm cho nó trở thành một trong những hệ thống quản lý bình luận được yêu thích nhất. Ngoài hơn 750.000 blog và các trang web, các ấn phẩm hàng đầu như CNN, Daily Telegraph và IGN cũng đang sử dụng nó.

Nó có thiết kế responsive, sạch, hoạt động rất tốt trên máy tính để bàn, máy tính bảng và điện thoại di động.
Tính năng bao gồm: threaded replies, theo dõi qua RSS, cập nhật qua email và đăng nhập thông qua tài khoản Facebook, Google+, Twitter. Nó cũng hỗ trợ tuyệt vời cho hình ảnh và video.
Có giao diện trực quan dễ tương tác, hỗ trợ quản lý bình luận thời gian thực. Ban có thể bật tắt chế độ thông báo qua email và trả lời bình luận thông qua email mà không cần phải đăng nhập vào disqus.
Độc giả có thể đăng nhập nhấn nút like chia sẻ bình luận qua các dịch vụ mạng xã hội như Facebook, Twitter. Thực ra bản thân Disqus đã tạo ra một cộng đồng tương tự như mạng xã hội trong đó các thành viên có thể theo dõi các hoạt động của nhau trên các trang web khác nhau.
Disqus cung cấp các công cụ quản lý để chống spam, chống các bình luận thô tục bằng bộ lọc từ khóa. Ngoài ra còn cho phép người dùng tạo danh sách độc giả hạn chế… ban hoặc block ip của độc giả

Tuy nhiên, vẫn có rất nhiều nhược điểm trong việc sử dụng. Một số trong số đó là sự bất lực của nơi hotlinks trên tên (vì thế mà không thể tìm ra cách liên hệ với họ), và không có khả năng liên kết trên các mạng xã hội.

4. Livefyre

Đối thủ chính của Disqus là LiveFyre. Nó được sử dụng bởi nhiều trang web hàng đầu như Mashable, Engadget, The Sun, The New York Times, AOL, và Bloguin. Theo các chuyên gia nó là một trong những nền tảng bình luận tốt nhất và thân thiện với SEO nhất. LiveFyre cung cấp bình luận thời gian thực, hỗ trợ điện thoại di động, đăng nhập bằng tài khoản mạng xã hội, hỗ trợ đa phương tiện, thông báo khi có bình luận mới và tùy chọn đăng ký tuyệt vời.

SocialSync: Đăng comment của bạn lên Facebook hay Twitter tức thời khi bạn thao tác trên khung comment.
SocialSignin: Bạn có thể sử dụng các tài khoản MXH như Facebook,Twitter ,Linkedin, hay là tài khoản OpenID(link blog bạn đó ;))
Friend Tagging: Tag tên bạn của bạn vào comment, bắt đầu bằng dấu"@".
Comment Sharing: Chia sẻ comment của một ai đó lên MXH(rất giông Disqus).
Comment Liking: Bạn like một comment nào đó(như facebook ).
Richtext Editor: Livefyre hỗ trợ bạn công cụ định dạng văn bản khi comment.
Linkback: Khuyến khích người khác comment trên blog bằng cách hiển thị lnk bài đăng mới nhất trên blog của họ.
Media Embeding: Nhúng các link/file hình ảnh và Video vào comment.

5. IntenseDebate

IntenseDebate có thể được coi là sự thay thế tốt nhất cho disqus. Nền tảng này được thiết kế bởi Automattic, Inc cung cấp một số tính năng nổi bật nhất mà làm cho nó là một trong những bên thứ ba tốt nhất. Intense Debate sở hữu các tính năng như: luồng ý kiến, thông báo qua email, trả lời qua email, hỗ trợ mạng xã hội và nhiều hơn nữa. Điều này giúp người quản trị web và các blogger hoặc ngay cả những khách để đánh giá những bình luận trên cơ sở đó loại bỏ một số bình luận vô ích. Các tính năng khác bao gồm việc gửi email để bình luận, bất cứ khi nào, có là một phản ứng bình luận. Nền tảng này cũng cho phép người sử dụng báo cáo bất kỳ bình luận không phù hợp bằng cách nêu rõ lý do tại sao những nhận xét được đánh giá không phù hợp giúp loại bỏ những bình luận khiếm nhã, spam.

6. Echo

Echo không phải là một nền tảng phổ biến như Disqus hoặc Livefyre. Tuy nhiên, nó là người đầu tiên và nền tảng web thời gian thực lớn nhất. Echo đã có hơn 20 nền tảng và đã phục vụ trên 15 tỷ dòng thời gian thực chỉ trong năm nay. Một số khách hàng đáng chú ý của Echo bao gồm SONY, Washington Post, ESPN, WebMD, NASDAQ, Travel Channel,... Echo ngày nay không chỉ cung cấp hệ thống bình luận mà còn cung cấp nền tảng web, diễn đàn, hệ thống đánh giá (polls) và nhiều thứ khác nữa.
Ngoài những tính năng tiêu chuẩn của hệ thống bình luận, Echo còn cung cấp công cụ tracking analytics tuyệt vời. Tuy nhiên Echo dường như có một hướng đi khác khi mặc dù vẫn để cho người dùng sử dụng nhưng không phát triển các dịch vụ miễn phí của mình nữa. Trang web của hãng cũng không đưa ra bất kỳ một mức nào cả, người dùng cần phải liên lạc để biết thêm chi tiết.
Các bạn có thể tìm hiểu thêm tại trang chủ: http://www.aboutecho.com/ và xem thử cái demo của nó tại: http://www.aboutecho.com/demos/comments

7. BurnZone

Cũng như các trang web trên, BurnZone cũng đáng để các ban chú ý tới và hầu như nó cũng chẳng thua kém ai. Các bạn có thể tìm hiểu thêm tại: http://www.theburn-zone.com/

8. Vicomi

Vicomi là một trong những hệ thống bình luận thay thế ít được biết đến, cho phép người dùng đăng ký bằng cách sử dụng email hoặc Facebook. Thật đáng tiếc, các mạng xã hội khác không được hỗ trợ. Vicomi có thiết kế thân thiện với nền tảng di động, phân luồng ý kiến, các công cụ kiểm duyệt tuyệt vời và hỗ trợ hồ sơ trực tuyến.Nó có thể được dễ dàng nhận ra bởi tính năng biểu tượng cảm xúc độc đáo, cho phép bạn đánh giá bình luận của những người dùng khác như: intellectual, worrisome, funny, a question hay maddening. Các bạn có thể tìm hiểu thêm tại: http://www.vicomi.com/ và xem demo tại: http://www.vicomi.com/demo

13 tháng 7, 2014

Livefyre comment cho blog

Disqus comment cho blogspot

IntenseDebate comments cho blogger

Facebook comment cho blogspot

Top khung bình luận cho blogger

1. Facebook comment box

2. Google Plus

3. Disqus

4. Livefyre

5. IntenseDebate

6. Echo

7. BurnZone

8. Vicomi

13 tháng 7, 2014

Livefyre comment cho blog

Disqus comment cho blogspot

IntenseDebate comments cho blogger

Facebook comment cho blogspot

Top khung bình luận cho blogger

1. Facebook comment box

2. Google Plus

3. Disqus

4. Livefyre

5. IntenseDebate

6. Echo

7. BurnZone

8. Vicomi

Subscribe