Số thứ tự cho Popular post cho blogspot

Hôm nay Đôn Bá Đạo sẽ chia sẽ với các bạn cách để đánh số thứ tự co bài viết được quan tâm cho blogspot

Số thứ tự cho blogspot bằng css

Số thứ tự cho Popular post cho blogspot

Như demo các bạn thấy phần bài viết được quan tâm sẽ bỏ đi hình ảnh thu nhỏ và trích dẫn trong blogpsot , thay vào đó là các số thứ tự được đánh số từ 1 đến n bài viết .

Code css

.popular-posts ul li:before {
    background: none repeat scroll 0 0 #589f39;
    border: 2px solid #ddd;
    border-radius: 60px;
    color: #fff;
    content: counter(popcount, decimal);
    counter-increment: popcount;
    float: left;
    font-family: helvetica;
    font-size: 16px;
    font-weight: 700;
    list-style-type: none;
    margin-right: 15px;
    padding: 0.3em 0.6em;
    position: relative;
}

Hãy copy và chèn nó vào trên </head> và hãy lưu lại , bạn hãy cấu hình lại widget bài viết được quan tâm ( bỏ đi trích dẫn và hình ảnh thu nhỏ ) điều này sẽ giúp blog bạn được tăng tốc độ tải trang và giúp blog bạn cá tính hơn.

• Bình luận Google
• Bình luận Facebook