Tạo tiện ích nhãn 2 cột đẹp cho blogspot

Tạo tiện ích nhãn 2 cột đẹp cho blogspot

Tạo tiện ích nhãn 2 cột đẹp cho blogspot

Nhãn (Label) có thể được xem là chuyên mục cũng có thể được xem là Tag từ khóa của 1 bài viết. Thường thì người dùng blogspot sẽ dùng Label ...
26 tháng 11
Nhãn (Label) có thể được xem là chuyên mục cũng có thể được xem là Tag từ khóa của 1 bài viết. Thường thì người dùng blogspot sẽ dùng Label làm chuyên mục trong website. Và bài viết này sẽ hướng dẫn các bạn tạo tiện ích nhãn với giao diện 2 cột từ widget gốc có sẵn của blogger.
(Hình minh họa)
Bước 1: Vào Blogger => Bố cục => Thêm tiện ích => Nhãn => Tùy chọn nhãn bạn muốn (nên chọn sỗ nhãn là chẵn nhé)  => Lưu


Bước 2: Vào Blogger => Mẫu => Thêm đoạn CSS sau vào trước thẻ ]]></b:skin>


.widget.Label li a,.widget.Label li span{text-decoration:none;float:left;width:46%;white-space:nowrap;text-overflow:ellipsis;border:0!important;overflow:hidden;height:33px;line-height:23px;position:relative;margin-bottom:9px;margin-left:10px;padding:6px 2px 6px 5px;background:#333;color:#fff!important;font-size:100%;font-family:Arial,sans-serif;font-weight:500;text-align:left}.widget.Label li a:hover{background:#2980b9;color:#fff!important}.sidebar ul,.footer ul{list-style:none;margin:0;padding:0}.widget-content.list-label-widget-content ul li a:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;content:'\f02b';float:left;margin:0 5px;display:block!Important;opacity:.9;color:#fff!important}

Bước 3: Bấm Lưu chủ đề. Vậy là xong.
Chúc các bạn thành công!

Comments