Test

Cách vào facebook mới nhất tháng 3/2017, cách vào facebook bị chặn... là một trong những chủ đề được tìm kiếm nhiều nhất trên internet về facebook. Việc không truy cập được facebook xảy ra do nhiều nguyên nhân, mà nguyên nhân chủ yếu là do bị các nhà mạng như VNPT, FPT, Viettel chặn.

Cách vào Facebook dành riêng cho điện thoại Android, iOS, Windows Phone nhé: http://www.tranbadat.info/2016/05/cach-vao-facebook-bi-chan-tren-dien-thoai-ios-android-windows.html

Facebook hiện nay là mạng xã hội lớn nhất thế giới, nếu số người sử dụng facebook hợp thành 1 quốc gia, thì theo số liệu tháng 5 năm 2016, Facebook hiện có 1.05 tỷ người sử dụng tích cực mỗi ngày, trong đó có 989 triệu người sử dụng mobile, đồng thời số người sử dụng tích cực hàng tháng là 1.65 tỷ người, điều đó có nghĩa là Facebook sẽ là quốc gia có dân số đông nhất thế giới, trên cả Trung Quốc và Ấn Độ.

Với nhu cầu sử dụng Facebook ngày càng nhiều để cập nhật thông tin bạn bè, chia sẻ suy nghĩ, chia sẻ hình ảnh, video, làm đẹp timeline bằng cách tạo album ảnh lớn cho FB hay kinh doanh buôn bán; truy cập Facebook là một hoạt động diễn ra hàng ngày và thường xuyên. Tuy nhiên, tại một số quốc gia hay một số khu vực, một số nhà mạng lại chặn Facebook, vậy phải làm sao để truy cập vào Facebook những lúc như vậy?

Cách vào Facebook bị chặn mới nhất tháng 3/2017

Như đã nói ở trên, có nhiều lý do mà không vào được Facebook, tuy nhiên lý do chủ yếu là do các nhà mạng chặn. Từ đó chúng ta sẽ có nhiều cách để vào Facebook như sau:

Cách 1: Đổi DNS để vào Facebook cực dễ dàng:

Đây có lẽ là cách dễ dàng nhất để vào Facebook khi bị chặn:
- Truy cập vào Open Network and Sharing center:


- Tiếp tục vào Change adapter settings:


- Chuột phải vào mạng bạn đang sử dụng và chọn Properties:


- Click đúp vào Internet Protocol Version 4 (TCP/IPv4)

- Đổi DNS thành:

8.8.8.8
8.8.4.4

hoặc

198.153.194.1
198.153.192.1

- Lưu lại và tận hưởng thành quả
Xem thêm:

• Những icon mặt cười bá cháy dành cho Facebook

• Những biểu tượng mặt cười độc đáo cho Facebook

Cách 2: Chỉnh sửa file host để vào Facebook khi bị chặn

Đây là cách vào Facebook dễ dàng và hay nhất, tuy nhiên nó khá rắc rối nếu người sử dụng không rành về máy tính lắm. Cách này là thêm 1 dãy IP vào file host để qua mặt nhà mạng.

Nếu bạn chưa biết cách chỉnh sửa file hosts để vào facebook, hãy tham khảo bài viết Cách chỉnh sửa file hosts để vào facebook khi bị chặn, ở bài viết đó sẽ hướng dẫn bạn cụ thể cách chỉnh sửa và lưu file host mà không báo lỗi.
Sau khi mở file host lên, bạn thêm đoạn ip mới nhất tháng 3/2017 bên dưới vào nhé:

173.252.110.27 facebook.com
173.252.112.23 www.facebook.com
173.252.112.23 login.facebook.com
69.171.242.27 upload.facebook.com
66.220.152.19 graph.facebook.com
173.252.101.48 pixel.facebook.com
173.252.100.27 apps.facebook.com

 Cách 3: Dùng trình duyệt Cốc Cốc để vào FB:

Với Cốc Cốc, bạn có thể truy cập Facebook năm 2017 một cách dễ dàng mà không gặp trở ngại gì. Bạn chẳng cần làm gì để vào được Facebook ngoài việc cài đặt trình duyệt cả.

- Tải trình duyệt Cốc Cốc tại đây: https://coccoc.com/vi/thanks.html

Sau khi tải xong thì tiến hành cài đặt bình thường, và bạn đã có thể truy cập vào Facebook dễ dàng.

Xem hướng dẫn chi tiết về cách vào facebook bằng trình duyệt cốc cốc tại đây: Cốc Cốc vào Facebook

Cách 4: Dùng extension ZenMate trên Chrome, Firefox

Nếu bạn đã thử sử dụng 3 cách trên mà vẫn không có tác dụng khi bị chặn Facebook, thì hãy sử dụng cách thứ 4 này, đó là dùng extension ZenMate để fake ip sang ip của Hongkong, một quốc gia rất gần Việt Nam nên tốc độ mạng khi vào FB sẽ vẫn khá nhanh.

- Tải extension ZenMate cho Chrome và Firefox tại đây:
- Nếu muốn xài bản Premium 3 tháng thì vào đây nhé: https://zenmate.com/promotion/share/

Cách 5: Dùng phần mềm Hotspot Shield 

Đây là phần mềm hỗ trợ người dùng vượt tường lửa của các nhà mạng, giúp việc truy cập vào facebook dễ dàng, và Hotspot Shield còn giúp bạn ẩn thông tin người dùng, tránh việc lộ thông tin khi sử dụng internet. Ngoài việc giúp truy cập được Facebook, Hotspot Shield còn giúp bạn truy cập được những trang web bị chặn khác như blogspot, wordpress hay một số kênh Youtube bị chặn.

Các bạn tải Hotspot Shield tại đây và tiến hành cài đặt bình thường, sau khi cài đặt xong thì có thể truy cập Facebook dễ dàng.

Xem chi tiết về sử dụng Hotspot Shield vào Facebook tại đây: Dùng Hotspot Shield vào Facebook

Cách 6: Vào Facebook qua các địa chỉ khác

Đây là một số địa chỉ khác của Facebook, có thể áp dụng kết hợp với các cách trên:

- http://vi-vn.connect.facebook.com
- https://www.facebook.com/
- http://touch.facebook.com
- http://m.facebook.com
- http://www.lisp4.facebook.com 

Trên đây là một số cách vào Facebook mới nhất tháng 3 năm 2017. Nếu có thắc mắc gì các bạn có thể đặt câu hỏi bên dưới bình luận nhé.

Những biểu tượng mặt cười cho Facebook này thường được các bạn sử dụng nhiều nhất chỉ sau những icons facebook có sẵn quen thuộc. Các biểu tượng mặt cười này khá đa dạng và hài hước mà mình nghĩ ai cũng thích chứ không riêng gì cá nhân mình đâu ^_^

Hướng dẫn sử dụng biểu tượng mặt cười Facebook:

- Chọn icon bạn thích, copy ký tự ở mục "Code", ở các biểu tượng này thì các ký tự này chỉ là hình vuông mà thôi. Không vấn đề gì, cứ copy.

- Vào bài viết, stt, cmt hay facebook chat và paste ký tự vào, sau đó gởi thì sẽ xuất hiện biểu tượng mặt cười.

Emoji Smileys - Biểu tượng mặt cười Facebook:

Thêm các icon facebook, biểu tượng cảm xúc khác:

• Biểu tượng cảm xúc mới cho Facebook 2015
• Tổng hợp hơn các biểu tượng cảm xúc, icon facebook mới nhất

Với những trang lỗi 404, nếu không được tùy chỉnh gì thì nó thật sơ sài và chán ngắt ^_^ Vì thế, với mục đích làm đẹp trang 404, thì mình sẽ hướng dẫn các bạn cách tạo trang lỗi 404 với 1 hộp tìm kiếm đẹp cho Blogspot của bạn.

Trang lỗi 404 là gì?

Là trang sẽ xuất hiện mỗi khi người dùng truy cập vào web nhưng địa chỉ này không tồn tại, có thể đường dẫn này là của 1 bài viết cũ đã bị xóa, cũng có thể đó là 1 đường dẫn chưa từng tồn tại, do người dùng gõ nhầm. Trang 404 sẽ thông báo cho độc giả biết rằng bài viết đã bị xóa hoặc đường dẫn chưa từng tồn tại, và độc giả nên vào 1 đường dẫn khác.

Lợi ích của trang 404 là gì?

Như đã nói ở trên, trang 404 thông báo cho người dùng biết rằng đường dẫn này đã không tồn tại hay không còn tồn tại nữa. Ngoài ra trang 404 giúp thông báo với các bots tìm kiếm trang không tồn tại và điều hướng bots trên web, việc không có trang 404 sẽ làm cho website bị đánh giá thấp vì quá nhiều đường dẫn không tồn tại và báo lỗi.

Hướng dẫn cách tạo trang lỗi 404 với hộp tìm kiếm đẹp cho Blogspot

Vì trang 404 mặc định nó sẽ chẳng có gì, nhìn sẽ mất cảm tình. Vì thế, với thủ thuật blogspot này, mình muốn đưa 1 hộp tìm kiếm vào trang này, nhằm giúp người dùng tìm kiếm nội dung mình cần thông qua nó nếu gặp phải trang lỗi 404.


- Truy cập vào trang quản trị Blogger

- Vào Cài đặt (Settings) -> Tùy chọn tìm kiếm (Search preferences):


- Tại mục Lỗi và chuyển hướng (Error and redirections) -> Không tìm thấy trang tùy chỉnh (Custom page not found), thêm vào đoạn code sau:

<style>
#search-button-links1 {
    position: relative;
    top: 0;
    right: 0;
    height: 60px;
    width: 580px;
    font-size: 18px;
    color: #000;
    text-align: center;
    text-decoration:none;
    line-height: 42px;
    border-width: 0;
    background-color: #5caddf;
margin:5px;
    cursor: pointer;
}
#search-box1 {
    position: relative;
    width: 100%;
    margin: 0;
}
#search-form1 {
    height: 40px;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}
#search-text1 {
    font-size: 14px;
    color: #ddd;
    border-width: 0;
    background: transparent;
}
#search-box input[type="text"] {
    width: 90%;
    padding: 11px 0 12px 1em;
    color: #333;
    outline: none;
}
#search-button1 {
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    width: 80px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-width: 0;
    background-color: #4d90fe;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}
</style>
<div id='search-box1'>
  <form action='/search' id='search-form1' method='get' target='_top'>
    <input id='search-tex1t' name='q' placeholder='Tìm kiếm trên tranbadat.info' type='text'/>
    <button id='search-button1' type='submit'><span>Tìm kiếm</span></button>
  </form>
</div>
<p style="color:#e33633; font-family:verdana, sans serif; font-size:16px; padding:24px; text-decoration:none">Trang này đã được xóa hoặc chưa từng tồn tại - Vui lòng truy cập <a href="http://www.tranbadat.info">_CTP_</a>

Bạn có thể thay các đoạn chữ và link màu xanh tùy theo ý của bạn nhé, hoặc để nguyên đó mà xài thôi.

• Xem thêm: Tối ưu Google Adsense bằng cách dùng Google Search Box

- Sau khi chỉnh sửa xong thì lưu lại. Và hãy kiếm tra web của bạn bằng 1 đường dẫn bất kỳ để dẫn tới trang lỗi 404 xem. ^_^

Widget xếp hạng bình luận (Hay top commentators) sẽ xếp hạng các blogger bình luận nhiều nhất trên blog của bạn, cung cấp cho bạn chi tiết số bình luận của blogger đó trên website bạn trong khoảng thời gian nhất định.

Lợi ích gì từ bình luận và widget xếp hạng bình luận?

Bình luận là một phần của Blogspot, việc bình luận nhiều giúp cho nội dung bài viết được tươi mới trong mắt bots và tạo ra sự trao đổi, tương tác giữa những người dùng trong blog. Trang blog có càng nhiều bình luận thì càng tốt, tương tác càng nhiều, càng chất lượng, sẽ giúp chúng ta hỗ trợ cho việc SEO Blogspot dễ dàng hơn.

• Xem thêm: Thêm xác nhận admin trong bình luận

Widget xếp hạng bình luận ngoài việc cho mọi người biết những ai tương tác nhiều trên blog này, thì nó còn giúp níu giữ độc giả. Bạn có cảm thấy hãnh diện khi thấy mình nằm trong danh sách này ở một blog lớn không? Và vô hình chung, việc xếp hạng bình luận này có thể tạo sư ganh đua giữa những độc giả bằng cách comment trao đổi để thay đổi xếp hạng của mình ^_^

Đây là ảnh ví dụ nếu sử dụng widget top commentators này cho Blogspot của mình:

Hướng dẫn tạo widget xếp hạng bình luận (Top commentators) cho Blogspot

Với widget này, số bình luận sẽ nằm bên phải tên người bình luận nhé.
- Truy cập vào trang quản trị Blogger:

- Vào Bố cục (Layout), chọn vị trí muốn hiển thị widget xếp hạng bình luận, và thêm tiện ích (Add widget):

-  Chọn HTML/JavaScript, và thêm đoạn code sau vào bên trong nó:

<style type="text/css">
.top-commentators {
margin: 3px 0;
border-bottom: 1px dotted #ccc;
}
.avatar-top-commentators {
vertical-align:middle;
border-radius: 30px;
}
.top-commentators .commenter-link-name {
padding-left:0;
}
</style>
<script type="text/javascript">
var maxTopCommenters = 8;
var minComments = 1;  
var numDays = 0;      
var excludeMe = true;  
var excludeUsers = ["Anonymous", "_CTPG_ 2015", "Trần Bá Đạt _CTPG_"];
var maxUserNameLength = 42;
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';
//
var sizeAvatar = 33;
var cropAvatar = true;
//
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPBmBZM85Wf_WBODQM5IJ4VHY2InqR4Rj13uVVZYJmfdzrIu28G9lw2HACK3F3AN-JDTTNTddioa97ZwZm7XVHlp11_8T9Qn7afipt67PjxzETQen4dMXc-R2ZIXBACBezGP2OsmPcwcXi/s1600/avatar_blue_m_96.png" + sizeAvatar;
var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguODi0o8nJf8pf4poeRfigZHgRN5XYNA1Ng8W8uKXgoURZECq7mqlbonXplGZqz98YRQo1BhQB05qm-0WmzPOnVcRkG_Y_MBimQlm30vOKn4pakj_t1yhP1w9bna8QH3935vcYLyCMFp1X/s1600/avatar1.png' + sizeAvatar;
var urlMyProfile = '';
var urlMyAvatar = '';
if(!Array.indexOf) {
 Array.prototype.indexOf=function(obj) {
  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
  return -1;
}}
function replaceTopCmtVars(text, item, position)
{
  if(!item || !item.author) return text;
  var author = item.author;
  var authorUri = "";
  if(author.uri && author.uri.$t != "")
    authorUri = author.uri.$t;
  var avaimg = urlAnoAvatar;
  var bloggerprofile = "http://www.blogger.com/profile/";
  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
    avaimg = author.gd$image.src;
  else {
    var parseurl = document.createElement('a');
    if(authorUri != "") {
      parseurl.href = authorUri;
      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
    }
  }
  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
    avaimg = urlMyAvatar;
  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
    avaimg = urlNoAvatar;
  var newsize="s"+sizeAvatar;
  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
  var authorName = author.name.$t;
  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
    authorName = txtAnonymous;
  var imgcode = '<img class="avatar-top-commentators" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
    authorName = authorName.substr(0, maxUserNameLength-3) + "...";
  var authorcode = authorName;
  if(authorUri!="") authorcode = '<a class="commenter-link-name" href="'+authorUri+'">'+authorcode+'</a>';
  text = text.replace('[user]', authorcode);
  text = text.replace('[image]', imgcode);
  text = text.replace('[#]', position);
  text = text.replace('[count]', item.count);
  return text;
}
var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
  var one_day=1000*60*60*24;
  var today = new Date();
  if(urlMyProfile == "") {
    var elements = document.getElementsByTagName("*");
    var expr = /(^| )profile-link( |$)/;
    for(var i=0 ; i<elements.length ; i++)
      if(expr.test(elements[i].className)) {
        urlMyProfile = elements[i].href;
        break;
      }
  }
  if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numDays > 0) {
      var datePart = entry.published.$t.match(/\d+/g);
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
 
      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
      if(days > numDays) break;
    }
    var authorUri = "";
    if(entry.author[0].uri && entry.author[0].uri.$t != "")
      authorUri = entry.author[0].uri.$t;
    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
      continue;
    var authorName = entry.author[0].name.$t;
    if(excludeUsers.indexOf(authorName) != -1)
      continue;
    var hash=entry.author[0].name.$t + "-" + authorUri;
    if(topcommenters[hash])
      topcommenters[hash].count++;
    else {
      var commenter = new Object();
      commenter.author = entry.author[0];
      commenter.count = 1;
      topcommenters[hash] = commenter;
    }
  }
  if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {
    ndxbase += 200;
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
    return;
  }
  // convert object to array of tuples
  var tuplear = [];
  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);
  tuplear.sort(function(a, b) {
    if(b[1].count-a[1].count)
        return b[1].count-a[1].count;
    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
  });
  var realcount = 0;
  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
    var item = tuplear[i][1];
    if(item.count < minComments)
        break;
    document.write('<di'+'v class="top-commentators">');
    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
    document.write('</d'+'iv>');
    realcount++;
  }
  if(!realcount)
    document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>

Trong đó:

• Số 0 ở numDays đó là số ngày lấy xếp hạng bình luận. Nếu để số 0 tức sẽ lấy toàn thời gian. Còn để số khác ví dụ như 30, thì xếp hạng bình luận sẽ lấy trong 30 ngày gần nhất.
• Chữ màu xanh, các bạn thay tên G+ của các bạn vào nếu không muốn nó xếp hạng mình vào đó.
• Số 8 màu đỏ, nằm trong var maxTopCommenters = 8, tức là chỉ hiển thị tối đa top 8 người bình luận nhiều nhất, muốn chuyển thành top 10 thì cứ đổi số 8 thành 10 thôi.
• var sizeAvatar = 33, số 33 tức avatar có kích thước là 33x33 px, muốn to hay nhỏ hơn thì cứ thay đổi số 33.

- Lưu lại, và hoàn thành!

• Xem thêm: Tạo widget bình luận mới nhất cho Blogspot

Sau khi lưu lại bạn sẽ thấy xếp hạng bình luận cho Blogspot của mình. Khá đẹp và bắt mắt đấy nhé ^_^ Chúc bạn có blog đẹp!

Bạn muốn một trang chủ Blogspot có giao diện đẹp, hấp dẫn giống một trang báo tương tự như của tranbadat.info hay nhiều trang web khác? Các bài viết sẽ hiển thị theo các label, giúp chúng ta phân ra nhiều chuyên mục tại trang chủ, nhằm giúp độc giả tiếp cận nhiều hơn với các bài viết trên blog.


Thủ thuật Blogspot này sẽ sử dụng các label để hiển thị các bài viết trong các label này. Ví dụ, các bạn có thể thấy ở trang chủ của mình. Đó là các label: Blogspot, Windows, SEO, Thủ thuật CNTT và Ninja Coming. Mỗi label sẽ hiển thị các bài viết nằm trong Label đó. Rõ ràng với cách hiển thị truyền thống là phân trang của blogspot thì các phân các chuyên mục như thế này giúp độc giả dễ dàng tiếp cận các thông tin mà chúng ta đang cung cấp.

Hướng dẫn hiển thị bài viết theo label tại trang chủ Blogspot

- Như thường lệ, tốt nhất trước khi chỉnh sửa chúng ta nên Backup lại code web trước đã.

- Truy cập vào trang quản trị Blogger: https://www.blogger.com

- Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML):



- Click vào vùng code, và tìm đến thẻ ]]></b:skin>, sau đó thêm đoạn code này vào phía trên nó:

img.label_thumb{float:left;margin-right:15px !important;height:65px; /* Thumbnail height */width:65px; /* Thumbnail width */border: 1px solid #ff00ff;}
#label_with_thumbs {float: left;width: 100%;min-height: 80px;margin: 0px 15px 2px 0px;padding: 1;}ul#label_with_thumbs li {padding:6px 0;min-height:60px;margin-bottom:1px;border-bottom: 1px solid #ff99ff;}
#label_with_thumbs li{list-style: none ;padding-left:1px !important;}
#label_with_thumbs a { text-transform: none;}#label_with_thumbs strong {padding-left:1px; }

- Tiếp tục tìm đến thẻ <head> và thêm đoạn code này vào phía dưới nó:

 <script type='text/javascript'>//<![CDATA[function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhazHSaCbVJduiWfOh9X9JSWfRvWlykE7xI0zf2oBi1JFhEjB9eTjM8FLz2-v-FFeh6hpQxLo_cZfX-4HNYn9oukyrJHXjKqt_ghlUKm0IkNSXh0iP8u9vj4_otq-Qfjt5u1vgN0et8tN0/s1600/picture_not_available.png';}var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}elseif("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}if(showcommentnum==true){if(flag==1){towrite=towrite+' | ';}if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}document.write(towrite);document.write('</li>');if(displayseparator==true)if(i!=(numposts-1))document.write('');}document.write('</ul>');}//]]></script>

Sau đó lưu template lại.

• Xem thêm: Cách tối ưu SEO cho label Blogspot cực dễ dàng

- Cuối cùng, vào Bố cục (Layout), chọn vị trí mà bạn muốn hiển thị theo label, và thêm tiện ích (Add widget), chọn HTML/Javascript và thêm đoạn code này vào trong nó:

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> <script type="text/javascript" src="/feeds/posts/default/-/label name?published&alt=json-in-script&callback=labelthumbs"></script>

Trong đó, chổ label name, các bạn thay bằng tên label muốn hiển thị ở trang chủ nhé.

- Lưu lại và tận hưởng thành quả, bạn đã có thể hiển thị bài viết theo label tại trang chủ blogspot rồi đấy.

Và nếu muốn thêm các label khác, bạn chỉ cần lấy đoạn code phía trên đổi label name thành các label khác rồi thêm vào các vị trí muốn thôi. Và để có giao diện thật đẹp như của mình thì các bạn cần biết CSS để chỉnh sửa bố cục trang web nhé.