[Blogsspot] Tạo tiện ích nhãn như màn hình windows 8

các bạn có thể thực hiện một cách dễ dàng như sau:

Bước 1: Tạo một tiện ích Nhãn cho blog:
- Vào Bố cục, chọn Thêm tiện ích.
- Các bạn kéo xuống và bấm vào dấu + để thêm tiện ích Nhãn và điều chỉnh thông số như sau:

- Lưu ý: các bạn có thể vào chữ "Chỉnh sửa" để cho phép, hoặc không cho hiện một số nhãn nhé.

Bước 2: Thành lập code màu cho Nhãn (label):
- Vào Bảng điều khiên và chọn "Mẫu", sau đó chọn Chỉnh sửa HTML.
- Copy và tìm code ]]></b:skin> , sau đó copy đoạn code sau và dán nó phía trên ]]></b:skin> nhé :

.Label a{
padding-left:10px;
background:#0090D5;
padding:0 10px;
color:#fff!important;
height:26px;
line-height:26px;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:1px;
margin-top:1px;
font-size:13px; }
.Label a:hover{
background:#69625A;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: px;
}  

Lưu mẫu lại và bạn đã hoàn thành công việc làm đẹp cho tiện ích Label.



Code phía trên bao gồm:

background : là màu ô mà bạn muốn điều chỉnh cho phù hợp, ở đây mình chọn màu xanh.

color : màu chữ (ở đây là màu trắng)

height : chiều cao của ô màu. (nên trùng với line-height)

float : cả khối nằm ở bên trái (left), phải (right), giữa (center)

background: màu ô khi đưa chuột vào.



Chúc thành công.

Đăng bởi tungvu, Đăng lúc 17:11 và có 0 nhận xét