Đã làm quen với Blogspot thì ko thể ko biết tới "Nhãn" (Labels): nó có nghĩa là tên của một tập hợp các bài viết cùng chủ đề, thể loại, chuyên mục nào đó. Nếu Bạn sử dụng Widget Nhãn có sẵn trong blogger thì nó sẽ hiện thị ra hết nhãn bạn có, nếu bạn có quá nhiều nhãn thì sẽ làm xấu blog. Cũng vì vậy lần này mình sẽ hướng dẫn các bạn tạ Widget ẩn hiện nhãn cho blgspot

Thực Hiện

JS<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>

Chú ý: nếu blog của bạn đã có dòng trên thì bỏ qua bước này nha. 

CSS.Label .on {
    background-color:#6BC4EA
}
.Label h2 {
    position:relative;
    padding: 10px 39px 10px 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    border: medium none;
    border-radius: 4px;
    color: #FFF;
    background-color: #00AADA;
    display: block;
    cursor:pointer;
    margin:10px 0
}
.Label h2:after {
    content:"";
    border-width: 8px;
    border-color: #fff transparent transparent;
    border-style: solid;
    position: absolute;
    right: 15px;
    top: 17px
}
h2.on:after {
    border-color: transparent transparent #fff;
    top: 8px
}
.Label .count {
    display: block;
    float: right;
    min-width: 25px;
    text-align: center;
    border-radius: 2px;
    background-color:#D6DBDF
}
.Label li:hover .count, .actived .count {
    color: #FFF;
    background-color: #4FA8DC;
}
.list-label-widget-content {
    border-radius: 4px;
    background-color: #F3F4F5;
    display:none
}
.Label ul, .Label li {
    padding: 0px;
    margin: 0px;
    list-style: outside none none;
}
.Label ul {
    border-radius: 4px;
    overflow:hidden
}
.Label li a {
    padding:10px;
    color: rgba(52, 73, 94, 0.85);
    display:block;
    font-size: 14px;
    text-decoration:none
}
.Label li a:hover, .Label .actived {
    color: inherit;
    background-color: #E1E4E7;
    text-decoration:none
}

Jquery<script type='text/javascript'>
//<![CDATA[
$(function () {
    $('.Label h2').on("click", function (t) {
        $(this).toggleClass("on").next().slideToggle(200);
        t.stopPropagation()
    });
    $(document.body).on("click", function () {
        $('.Label').find(".on").removeClass("on").next().slideUp(200);
    });
});
//]]>
</script>

4. Sau đó Lưu mẫu lại
5. Tiếp tại màn hình các bạn vào >> Bố cục >> Thêm tiện ích >> Chọn Nhãn

6. Sau đó Đặt tên tiêu đề là Labels sau đó nhấn Lưu >> Lưu sắp xếp
7. Vào blog của bạn >> Mẫu >> Chỉnh Sữa HTML, sau đó Ctrl + F với từ khóa "title='Labels' type='Label'" lúc này các bạn sẽ tìm được dòng màu cam như hình cùng với đó là dấu ....



Lúc này các bạn click vô dấu đó sẽ ra một cái có dấu ... nữa lại tiếp tục nhấn vô tiếp cuối cùng sẽ ra như sau



8. Các bạn hãy tìm các dòng mà mình bôi đen bên trên hình và xóa nó đi
9. Lúc này các bạn thay thế chỗ đoạn code hồi nãy bằng code bên dưới

HTML<div expr:class='&quot;widget-content hidden &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.searchLabel == data:label.name'>
            <a class='actived' expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name'>
              <data:label.name/>
                <b:if cond='data:showFreqNumbers'>
                <span class='count' dir='ltr'><data:label.count/></span>
              </b:if>
            </a>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name'>
              <data:label.name/>
                <b:if cond='data:showFreqNumbers'>
                <span class='count' dir='ltr'><data:label.count/></span>
              </b:if>
            </a>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.searchLabel == data:label.name'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
  </div>