Tạo Mục Nhãn Cho Blogsot Đẹp



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

HƯỚNG DẪN 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>

/* Nhãn TTIT */

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

 MỌI THÔNG TIN VUI LÒNG LIÊN HỆ NGAY VỚI CHÚNG TÔI :   

TRUNG TÂM NGHIÊN CỨU PHÁT TRIỂN CÔNG NGHỆ THẾ KỶ   
Phụ trách thiết kế : Mr.Mika 
Call me : 0919.08.3000 - 0927.927.000 - Email :  Lienhe365@gmail.com 
Phụ trách kỹ thuật và kinh doanh : Mr. Sơn
Call me : 0919.083.000 - 0927.927.000   Email :   Setup247@Gmail.Com 
Hỗ trợ ZALO 24/24 :   Nhập số 0927.927.000 và zalo kết bạn và liên hệ nhé!

GIỚI THIỆU ĐẾN QUÝ KHÁCH MỘT SỐ DỰ ÁN SẼ THỰC HIỆN TRONG NĂM 2018


DANH MỤC BÀI ĐĂNG - KHÁCH MUỐN XEM NỘI DUNG GÌ LICK VÀO TIÊU ĐỀ ẤY


WEBSITEMIKA - THƯƠNG HIỆU UY TÍN BỞI HƠN 300 DOANH NGHIỆP VÀ CÁC THƯƠNG HIỆU VỪA VÀ NHỎ LỰA CHỌN
Điểm giao dịch: Online 24h
-Email: Setup247@gmail.com - Website: https://thietkeweb.mikalaza.com