• ITCNTT Xin Chào Bạn -_- Khách
    Xin Chào Khách ! Đăng ký hoặc Đăng nhập Để tài vô vàn tài nguyên vip của chúng tôi Click Here
    Tài Nguyên Vip Của Chúng Tôi Đang Được Free Download Click Here Vip.
    Khách bạn hãy like fanpage để nhận thông báo dữ liệu mới nhất Click Here.
    Quan trọng! Tất cả phần mềm, khóa học, tài liệu, windows, game đều được chia sẻ miễn phí download.
    Nếu có vấn đề gì Khách hãy liên hệ cho chúng tôi Liên Hệ

Dương Hoài Nam

Administrator
Thành viên BQT
Administrator
BQT
30/5/18
1,702
28
48
Hà Nội
itcntt.com
#1
Xin chào tất cả các bạn, hôm nay mình sẽ hướng dẫn các bạn làm một chuyên mục hot bằng nhãn nhìn cực đẹp cho blogger/blogspot nhé.

CÁCH LÀM :
Bước 1 : Vào Bố Cục -> Chọn Nơi Bạn Muốn Hiện Nhãn -> Thêm Tiện Ích Nhãn
Bước 2 : Chèn đoạn code sau đây trước ]]></b:skin>
CSS:
.cloud-label-widget-content {display: inline-block;text-align: left;}.cloud-label-widget-content .label-size {display: inline-block;float: left;font-size: 16px;line-height: normal;margin: 0 5px 5px 0;opacity: 1}.cloud-label-widget-content .label-size a {background: #f3f6f9 none repeat scroll 0 0;color: #212121;float: left;border: 3px double #eee;font-weight: 400;line-height: 100%;margin: 0;padding: 7px 8px;text-transform: capitalize;transition: all .6s;letter-spacing: 1.5px;font-family: Montserrat;}.cloud-label-widget-content .label-size a:before {color: #00bcd4;font-family: 'FontAwesome';content: "\f00c";padding: 0 10px 0 0;font-size: 16px;}.cloud-label-widget-content .label-size a:hover,.cloud-label-widget-content .label-size a:active {color: #00bcd4 !important;}.cloud-label-widget-content .label-size .label-count {display:none;}.list-label-widget-content li {display: block;padding: 8px 0;border-bottom: 1px solid #ececec;position: relative}.list-label-widget-content li a:before {content: '\f00c';position: absolute;left: 0;top: 10px;font-size: 16px;color: #00bcd4;font-family:fontawesome;}.lowerbar .list-label-widget-content li a {color:#010101;}.lowerbar .list-label-widget-content li {border-bottom: 1px solid rgba(0,0,0,.1);border-top: 0;}.lowerbar .list-label-widget-content li:last-child {}.list-label-widget-content li a {color: #282828;font-size: 14px;padding-left: 20px;font-weight: 400;text-transform: capitalize;font-family: Montserrat;letter-spacing: 1.5px;}.list-label-widget-content li span:last-child {color: #f6b2ca;font-size: 12px;font-weight: 700;position: absolute;top: 9px;right: 0}
Bước 3 : Lưu lại và xem
TỔNG KẾT :
Chúc các bạn thành công
Xem thêm
 

Fanpage Diễn Đàn ITCNTT.COM

Group Diễn Đàn ITCNTT.COM