Phong cách mới cho Tag (Nhãn) của Blogspot

Hoàn toàn có thể đổi tiện ích Tag sao cho nhìn thật phong cách và pro như hình dưới

Demo

Bởi bạn đã chán cái giao diện đơn giản mặc định cũ kĩ ?

Chỉ cần các bạn làm lần lượt theo các bước chỉ dẫn của mình phía dưới là ok
1.Thêm tiện ích Nhãn

2. Thiết lập tiện ích các bạn chọn cloud và Lưu lại

3. Bây giờ các bạn vào Chỉnh sửa HTML và dán đoạn code phía dưới lên trên ]]></b:skin>

.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px; 
color:#666;
}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}

.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}

Nếu các bạn muốn các hộp nhãn có kích thước ngẫu nhiên phụ thuộc vào số bài viết của 1 tag(nhãn) thì xóa dòng đánh dấu màu xanh trong đoạn code trên đi là được

 4. Lưu lại template là hoàn thành

Tham khảo từ mybloggertricks

Chúc các bạn thành công! Comments góp ý cho mình về thủ thuật này nha