[BLOGGER] CSS Label Beautifull Blogspot

Xin chào mọi người, bài viết này mình sẽ hướng dẫn mọi người cách để chỉnh sữa lại mục LABEL mặc định của blogspot để nhìn giao diện có vẻ ổn hơn chút. :D

Khi mọi người để giao diện mặc định thì nó sẽ không có trau chuốt về ngoài hình mà đơn giản chỉ là nhưng dòng text hay list danh sách những thẻ LABEL. Và những thẻ đó dành cho nhưng anh chị em nào để cho có hoặc không tùy chỉnh về bố cục nhiều.

Bên dưới là hình ảnh demo thẻ label.

FULL CODE.

.cloud-label-widget-content span a{
    margin:0 2px 6px 0;
    padding: 4px;
    text-transform: uppercase;
    border: solid 1px #c5d712;
    border-radius: 5px;
    float:left;
    text-decoration: none;
    font-size:14px;
}
.cloud-label-widget-content span a:hover {
    border:1px solid #FF0099;
    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);
}

Khi mọi người thêm thẻ đó vào sau <b:skin><![CDATA[/ blog thì mọi người tùy chỉnh ở khung label đó như hình bên dưới để có giao diện như hình demo phía trên nhé.

Như vậy là đã hoàn thành viêc tùy chỉnh và tạo giao diện đẹp cho label của blog.

 
Chúc mọi người thành công và có tùy biến phù hơp với thẻ label trên blog của mọi người nhé.

Mọi người có thể xem demo tại đây