DÙNG CHUNG NHẬN XÉT BLOGGER, FACEBOOK, GOOGLE+

Trước đây mình có bài viết hướng dẫn các bạn sử dụng song song nhận xét Blogger và Facebook, và sau một thời gian thì có một bạn phản hồi muốn mình hướng dẫn "áp dụng dụng chung" 3 hệ thống nhận xét Blogger, Facebook và Google+ luôn. Nếu suy nghĩ ra thì cũng khá hợp lý và mình lập ra bài viết này hướng dẫn cho bạn đó cũng như những bạn có chung như cầu như vậy sử dụng chung luôn cả 3 hệ thống này.

Demo cho các bạn đây: http://ksltest92.blogspot.com/2014/06/test3.html

Dùng chung nhận xét Blogger, Facebook, Google+

Do công đoạn thực hiện bài viết này khá tương tự với bài viết trước, nên mình sẽ không hướng dẫn từ đầu nữa. Các bạn hay tìm đến bài viết hướng dẫn sử dụng nhận xét Blogger và Facebook, làm từ đầu tới cái đoạn mã dài nhất thì dừng lại.

Thay vì sử dụng đoạn mã đó để chèn vào trước thẻ đóng </b:includable> của

<b:includable id='post' var='post'>

thì bạn hãy sử dụng đoạn mã này

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='width:100%;height:auto;postion:relative;margin:70px 0 30px;padding:0'>
<div id='Button1' onclick='document.getElementById(&apos;comments&apos;).style.display=&apos;block&apos;;g_comments.style.display=&apos;none&apos;;fb_comments.style.height=&apos;0&apos;;fb_comments.style.visibility=&apos;hidden&apos;;Button1.style.display=&apos;none&apos;;Button2.style.display=&apos;block&apos;;' style='margin-bottom:30px;padding:0;text-align:center;float:left;background:#FC9543;color:#fff;font-weight:700;cursor:pointer;width:33.3%;height:35px;line-height:35px;display:block'>Blogger Comments</div>

<div id='Button2' onclick='document.getElementById(&apos;comments&apos;).style.display=&apos;block&apos;;g_comments.style.display=&apos;none&apos;;fb_comments.style.height=&apos;0&apos;;fb_comments.style.visibility=&apos;hidden&apos;;Button1.style.display=&apos;block&apos;;Button2.style.display=&apos;none&apos;;' style='display:none;margin-bottom:30px;padding:0;text-align:center;float:left;background:#FC9543;color:#fff;font-weight:700;cursor:pointer;width:33.3%;height:35px;line-height:35px'>Blogger Comments</div>

<div id='Button3' onclick='document.getElementById(&apos;comments&apos;).style.display=&apos;none&apos;;g_comments.style.display=&apos;none&apos;;fb_comments.style.height=&apos;100%&apos;;fb_comments.style.visibility=&apos;visible&apos;;Button3.style.display=&apos;none&apos;;Button4.style.display=&apos;block&apos;;' style='margin-bottom:30px;padding:0;text-align:center;float:right;background:#3E5B99;color:#fff;font-weight:700;cursor:pointer;width:33.3%;height:35px;line-height:35px'>Facebook Comments</div>

<div id='Button4' onclick='document.getElementById(&apos;comments&apos;).style.display=&apos;none&apos;;g_comments.style.display=&apos;none&apos;;fb_comments.style.height=&apos;100%&apos;;fb_comments.style.visibility=&apos;visible&apos;;Button3.style.display=&apos;block&apos;;Button4.style.display=&apos;none&apos;;' style='display:none;margin-bottom:30px;padding:0;text-align:center;float:right;background:#3E5B99;color:#fff;font-weight:700;cursor:pointer;width:33.3%;height:35px;line-height:35px'>Facebook Comments</div>

<div id='Button5' onclick='document.getElementById(&apos;comments&apos;).style.display=&apos;none&apos;;g_comments.style.display=&apos;block&apos;;fb_comments.style.height=&apos;0&apos;;fb_comments.style.visibility=&apos;hidden&apos;;Button5.style.display=&apos;none&apos;;Button6.style.display=&apos;block&apos;;' style='float:right;margin-bottom:30px;margin-right:33.3%;margin-top:-65px;padding:0;text-align:center;background:#CB4437;color:#fff;font-weight:700;cursor:pointer;width:33.5%;height:35px;line-height:35px'>Google Comments</div>

<div id='Button6' onclick='document.getElementById(&apos;comments&apos;).style.display=&apos;none&apos;;g_comments.style.display=&apos;block&apos;;fb_comments.style.height=&apos;0&apos;;fb_comments.style.visibility=&apos;hidden&apos;;Button5.style.display=&apos;block&apos;;Button6.style.display=&apos;none&apos;;' style='display:none;float:right;margin-bottom:30px;margin-right:33.3%;margin-top:-65px;padding:0;text-align:center;background:#CB4437;color:#fff;font-weight:700;cursor:pointer;width:33.5%;height:35px;line-height:35px'>Google Comments</div>
</div>

<div id='g_comments' style='display:none;text-align:center'>
<script src="https://apis.google.com/js/plusone.js"></script>
<div id='gcontainer' style="max-width:100%"><div class="g-comments" expr:data-href='data:post.canonicalUrl' data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD" data-width="642"/></div>
</div>
</b:if>

Ở đoạn mã này thì các bạn thay  data-width="642" bằng kích thước khung Google+ Comment cho phù hợp với blog của bạn. Bác Google không hỗ trợ data-witdh="100%" như bác Facebook đâu nên các bạn phải đặt kích thước một cách thủ công nhé.

Sau khi hoàn thành thì lưu lại là bạn đã có ngay bộ ba sát thủ nhận xét ngay trên blog của mình. Lưu ý nhỏ là cũng như bài viết trước của mình thì nếu bạn nào muốn ẩn nhận xét cho tới khi khách chọn vào hệ thống bình luận thì thêm đoạn mã nhỏ này lên trên thẻ ]]></b:skin>

#comments { display :none }

như vậy là xong.

Đọc Bài

NGÀY NÀY NĂM XƯA NHỮNG GÌ ĐÃ XẢY RA TRÊN FACEBOOK

Bữa nay tham khảo ờ mấy website tin tức và vào trực tiếp Facebook kiểm chứng thì đúng thật. Facebook có một tính năng nhỏ thêm vào âm thầm ở sidebar phía bên trái, ngay tại mục "ứng dụng" có một tùy chọn mang tên là "Vào ngày này" hay tiếng Anh là "On this day". Không biết chắc là tính năng này được Facebook được thêm vào bao giờ nhưng nó cũng khá là vui khi nhắp lại và được xem những cái hình ảnh, nói đúng hơn là nhưng cái mặt non nớt của đám bạn từ năm trước so với năm nay :D

Như mình đã nới ở trên thì nó năm ở sidebar bên trái, mục ứng dụng và có tên là "Vào ngày này" bạn có thể nhắp chọn vào nó

Ngoài ra thì bạn có thể sử dụng trực tiếp link sau đây

https://www.facebook.com/todayinhistory/

Sau khi nhắp chọn thành công thì bạn sẽ thấy những điều tương tự như thế này

Ở ngang dòng Ngày này năm xưa, phía bên phải các bạn sẽ thấy "Bảng tin của bạn vào ngày này năm", các bạn có thể thay đổi số năm nhỏ thêm nữa, để xem thêm có những gì xảy tra ở các năm trước đó nữa nhé.

Đây là chia sẻ nhỏ với mọi người về tính năng "Vào ngày này" mà mình tìm thấy, thì mong lại sau khi xem lại được ngày này năm xưa có những gì trên Facebook sẽ gợi nhớ bạn lại những kỉ niệm vui cho riêng mình.

P/S: Đối với mình vào xem lại ảnh là thấy vui vui rồi :)

Đọc Bài

FACEBOOK LIKE BOX ẨN HIỆN BẰNG CSS3

Thời buổi hiện nay thì mạng xã hội xuất hiện ở khắp nơi rồi, đặc biệt là facebook. Dù đi đến website nào bạn cũng thấy nút like, rồi thì nhận xét của facebook, và cả facebook like box nữa. Qua việc này bạn thấy gì? Các mạng xã hội hiện nay đặc biệt là facebook đang có vai trò khá quan trọng trong lĩnh vực thu hút lượng truy cập cho website của chúng ta. Chính vì thế chúng ta không nên bỏ lỡ chúng, phải thêm ngay vài cái vào website để bắt kịp với đồng bào.

Đối với các thứ như nút like và nhận xét của facebook thì trong blog này mình đã chia sẻ cả rồi. Bây giờ chỉ còn một thứ nữa đó là Facebook Like Box thôi. Thì hôm nay mình sẽ chia sẻ với các bạn một Facebook Like Box khá là tiết kiệm diện tích trượt theo sidebar và ẩn hiện khi rê chuột vào. Link demo cho các bạn: http://jsfiddle.net/kieusonlam/fAuL6/show/

Facebook Like Box ẩn hiện bằng CSS3

Công việc đầu tiên thì chúng ta sẽ thêm css tùy chỉnh giao diện vào Blogger. Bạn tìm đến thẻ ]]></b:skin> và thêm vào bên trên đoạn mã sau đây

.fb-box{
    position:fixed;
    top:10%;
    right:-286px;
    height:250px;
    width:285px;
    background:#efefef;
    border:1px solid #bbb;
    border-right:0;
    transition:all 400ms ease-in-out;
    border-radius:0 0 0 3px;
}
.fbicon-box{
    width:30px;
    height:35px;
    position:absolute;
    top:-1px;
    left:-30px;
    background:#405D9B;
    border-radius:3px 0 0 3px;
    color:#fff;
    font-family:Arial;
    font-size:30px;
    font-weight:700;
    text-align:center;
    padding-top:2px;
}
.fb-box:hover{
    right:0;
}

Bây giờ tiếp tục để có thể tạo ra facebook like box tối ưu nhất thì chúng ta sẽ thêm Facebook SDK vào blog. Tìm đến thẻ <body> chèn vào phía sau (nếu có rồi thì thôi nhé)

<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.async=true;
  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>

Cuối cùng đây, chèn đoạn mã này lên trên thẻ </body> để nó xuất hiện trên blog của chúng ta

<div class="fb-box">
    <div class="fbicon-box">f</div>
    <div class="fb-like-box" data-href="https://www.facebook.com/KslZone" data-width="300" data-height="240" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false">
</div>

nhớ thay KslZone bằng địa chỉ fanpage của bạn và lưu lại.

Lời kết

Nếu website của bạn có một fanpage lớn, và bạn thường xuyên cập nhật trên đó thì khả năng cao bạn sẽ giữ được và kiếm thêm được khá nhiều lưu lượng truy cập.

Đọc Bài

KHÔNG CHO TAG TÊN NẾU KHÔNG ĐƯỢC CHẤP THUẬN FACEBOOK

Tính năng tag là một trong những tính năng rất hay trên Facebook, nó cho phép chúng ta đánh dấu trên một bức hình chúng ta hoặc bạn của chúng ta ở đâu, là ai trong những người đó. Khi bị tag tên thường thì hình ảnh mà chúng ta bị tag vào sẽ hiện lên dòng thời gian của chúng ta, lợi dụng điểm này thì vô số người đã dùng nó để quảng cáo sản phẩm, trang web, và nhiều việc khác tương tự như vậy. Đã bao giờ bạn chán vì bị tag tên vô tội vạ bởi những người đó chưa? Dòng thời gian của bạn toàn những tin quảng cáo hoặc những hình ảnh chã liên quan gì? Do đó tại bài viết này mình xin hướng dẫn các bạn dừng việc bị tag tên, nếu không có sự chấp thuận của bạn.

Hướng dẫn dừng việc tag tên nếu không được chấp thuận

Đầu tiên đăng nhập vào tài khoản Facebook của bạn nhấn vào hình con ốc và chọn Thiết lập Quyền riêng tư.

Tiếp theo các bạn ấn vào Dòng thời gian và đánh dấu ở phía bên trái. Sau đó tại khu vực bên phải Làm thế nào tôi quản lý tag người khác thêm và đề nghị tag? chọn Chỉnh sửa ở tùy chọn đâu tiên.

Cuối cùng đơn giản chỉ cần thay đổi tùy chọn mặc định tắt thành bật.

Sau khi hoàn tất thì bất cứ một người nào khi tag tên bạn vào ảnh cũng phải chờ sự chấp thuận của bạn để được hiển thị trên dòng thời gian của bạn. Lưu ý kể cả đối với bạn của bạn nếu tag tên ảnh của bạn vào cũng phải đợi sự đồng ý của bạn để hiện trên dòng thời gian. Hy vọng thủ thuật trên giúp bạn bỏ đi những ảnh tag không liên quan lên dòng thời gian của chính mình. Chúc bạn thành công!

"nguồn bài viết từ KslZone.NET".

Đọc Bài