humghn.com
Trong bài viết trước , chuyên đề đã gửi đến các bạn mẫu " Bài đăng phổ biến " cho blogspot phiên bản nhiều sắc màu . Trong bài viết lần này , chuyên mục sẽ gửi đến các bạn một mẫu " Bài đăng phổ biến " khác với một thiết kế hoàn toàn mới . Giúp bạn có thêm nhiều sự lựa chọn thiết kế cho web/blog của mình . Với thiết kế này , bạn hoàn toàn có thể chỉnh sửa các màu sắc yêu thích để cho mẫu " Bài đăng phổ biến " này phù hợp với web/blog của bạn !
ẢNH DEMO
Các bước thực hiện
Bước 1 : Đăng nhập blogspot , chọn mục " Bố Cục " sau đó chọn " Thêm Tiện Ích "
Bước 2 : Chọn tiện ích bài viết phổ biến và sửa thông số như sử thích
Bước 3 : Nhấp lưu lại và chuyển sang mục " Mẫu "
Bước 4 : Chọn mục " Chỉnh sửa HTML "
Bước 5 : Dán đoạn code dưới đây đằng trước đoạn mã ]]></b:skin>
/*--- themeblogspot247 --- */ .popular-posts ul { padding-left: 0px; counter-reset: popcount; } .popular-posts ul li:before { list-style-type: none; margin-right: 15px; padding: 0.3em 0.6em; counter-increment: popcount; content: counter(popcount); font-size: 16px; background: #292D30; color: #ffffff; position: relative; font-weight: bold; font-family: georgia; float: left; border: 2px solid #dddddd; box-shadow: 1px 2px 9px #666666; } .popular-posts ul li { border-bottom: 1px dashed #dddddd; } .popular-posts ul li:hover { border-bottom: 1px dashed #696969; } .popular-posts ul li a { text-decoration:none; color:#5A5F63; } .popular-posts ul li a:hover { text-decoration:none; }
Tùy chỉnh
#292D30 : Màu nền của tiện ích
#ffffff : Màu chữ của tiện ích
Ngoài ra , với các tùy biến màu sắc sau dấu # , bạn cũng có thể thay đổi màu cho chúng . Việc thay đổi tùy thuộc vào sở thích của bạn cùng với một chút kiến thức về HTML . Cuối cùng , xin chúc các bạn thành công !
