Đăng bởi Huy 22:22 0 nhận xét

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 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



♥ Bình luận bằng tài khoản facebook:


♥ 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)