Như các bạn đã biết thì hiện nay có rất nhiều bạn làm site phim từ blogspot mặc dù Blogger không cung cấp nhiều thứ cho dân blogspot chúng ta. Nhưng chúng ta muốn kiếm tiền thì chúng ta phải vươn lên. Song làm site phim từ blogger vẫn rất hạn chế. Một trong những hạn chế đó là khà năng phân loại Nhãn theo từng loại. Ví dụ sau đây là sự khác nhau giữa một trang phim đúng nghĩa với trang phim từ blogspot
hm. Nhìn bài viết giới thiệu các bạn muốn xem phim đó nữa không?...
Chắc bạn cũng để ý việc để nhãn cho blogspot khá là khó, lại khó nữa sao cho nó hiện đúng nhãn mình cần, vậy phải làm sao? Hôm nay mình sẽ hướng dẫn các bạn làm điều đó. Tuy nhiên đây chỉ là mình tự làm và có lẽ sẽ không chuyện nghiệp, tuy nhiên cũng giải quyết một số vấn đề.
Thực Hiện
1 Đầu tiên các bạn tạo thể chứa các nhãn đó như sau:
<li><b>Genre: </b><div class='info'>...</div></li>
<li><b>Country: </b><div class='info'>...</div></li>
<li><b>Studio: </b><div class='info'>...</div></li><b:loop values='data:post.labels' var='label'>
<a class='genre' expr:href='data:label.url + "?max-results=9"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop><li><b>Genre: </b><div class='info'>
<b:loop values='data:post.labels' var='label'>
<a class='genre' expr:href='data:label.url + "?max-results=9"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop></div></li>
<li><b>Country: </b><div class='info'><b:loop values='data:post.labels' var='label'>
<a class='country' expr:href='data:label.url + "?max-results=9"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop></div></li>
<li><b>Studio: </b><div class='info'><b:loop values='data:post.labels' var='label'>
<a class='studio' expr:href='data:label.url + "?max-results=9"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop></div></li>var genre = document.getElementsByClassName("genre");
var options = ['Label1', 'Label2', 'label3'];
for(var i = 0; i<genre.length; ++i){
var text = genre[i].innerHTML;
if(options.indexOf(text) !== -1){
genre[i].style.display = "none";
}
}6. Bây giờ mình sẽ ví dụ một cái nha.
Giả sử chúng ta để nhãn cho bài viết là Label1, Label2, Label3, Label4. Nhưng chúng ta muốn hiện thị nhãn Label4 ở Loại tên là Genre: vậy thì ngay cái vòng lặp đặt tên class là genre luôn. Sau đó chúng ta sẽ áp dụng code js trên để mà ẩn cái Label1, Label2 và Label3 đi, chỉ còn lại là Label4.,
Các bạn đề ý trong code JS mà mình cung cấp có dòng "var options =....." trong đó chính là các nhãn sẽ ẩn đi.
7. Chúng ta tiếp tục muốn hiện nhãn ở Country thì sao. Mình cũng làm như trên, đặt tên class="country". Sau đó ở code JS thay nhãn cần ẫn vào trong đó.
Chú ý: trong code js các bạn phải thay tên biến đi bởi. Thay cái genre thành country rồi thay cái "option" thành "list" hay gì đó cho các bạn dễ nhớ là được.8. Lưu mẫu lại là xong.
![[Tutorial] Bật Giao Thức HTTPS Cho Blogspot Có Tên Miền Tùy Chỉnh](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxyGt7h2Vz-k0CbJ6qpVgmcN48p8vrOwnxCVScGLaqsGsBeeckZEkjjYrvrUWtxnqFaTVZJ3MXYLpr85IxDmjihcfbscDIwgFYOYs8Mbz7XMcGm-y81SSChzIjijlWvPlmxjSWeuyX0wn/s1600/https+%25281%2529.png "[Tutorial] Bật Giao Thức HTTPS Cho Blogspot Có Tên Miền Tùy Chỉnh")
![[Widget] Tạo Contact Form Với Hiệu Ứng Ẩn Hiện Cho Blog](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ZVMfy8YjorcyzpqX32-W0gkslOrc_Yk8FOnYRy9jY3-CVkINTyZIgKs5Sp1WNTorLuBqNtegUWW7Mxu1AxL-pVZWK8X7r5scSqqDrkbPM3LB41tIg-7GOww1kbBCe9nDfMV6JeVVlabD/s1600/contactform.png "[Widget] Tạo Contact Form Với Hiệu Ứng Ẩn Hiện Cho Blog")
![[Widget] Bài Đăng Thường Gần Đây Theo Nhãn Version 2 Cho Blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3-Rr3TqqMp52ED4jExMyRz3tbLvzPp9KeB0zRBInyV3DgbTgks5K2iUPLQKPMeVKzCYOqgaplOuh1yk4gtgKabUGmD2L90l85XI1dhyphenhyphentRxb4MYli3BxndaKbTxLB3HQOY8Dp8PL2QbLaS/s1600/Recent+Post+by+Label+ver2.png "[Widget] Bài Đăng Thường Gần Đây Theo Nhãn Version 2 Cho Blogspot")
![[Widget] Bài Đăng Thường Gần Đây Theo Nhãn Cho Blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBi-DRqX_ETwqi_o-yYCLYUfB3Dko7CHPbH5I7vRJqD-VM9ZS1VhZesBo9iCm4gQl-d7jQ0NaH4gnT85wyizN8sY4MOR9wO5wzh53vhBPlAQ83N06h925MqcA1z98L4lWfS3qlDJPd-wvo/s1600/Widget+Recent+Post+by+Label.png "[Widget] Bài Đăng Thường Gần Đây Theo Nhãn Cho Blogspot")