Tạo Chuyên Mục Nhãn Bằng CSS Cho Blogspot Đẹp

Share:
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>
    .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