Thủ Thuật 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
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
Dịch và phát triển 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
♥ Phản hồi của bạn đọc:
(Chèn icon vào comment theo kí tự đã được mã hóa ở phía dưới icon)