Xin chào các bạn, thì hôm nay xin phép được nói ít. Ngày hôm nay mình sẽ share cho anh em cách tạo widget bài viết phổ biến cho trang web/blog của bạn. Nào bắt đầu thôi !!!


Ảnh DEMO




Bước 1: Truy cập blogger đăng nhập vào tài khoản của bạn. 

Bước 2: Chon chủ đề và nhấp chỉnh sửa HTML.

Bước 3: Ctrl + F và tìm thẻ sau /* CSS Popular Post */

Bước 4: Các bạn xóa đoạn code trong đó đi sau đó thay bằng đoạn code này, sau đó ấn lưu chủ đề



.PopularPosts img{padding: 0;float:left;margin-right:10px; background:#FFF;width:50px;height:50px; border-radius: 10px 10px 10px 10px;  -webkit-transition: .3s;}.popular-posts {background: #ababab;padding: 0 0 10px;padding-left: 5px;padding-right: 5px;}.popular-posts li:hover{background: linear-gradient(160deg, #3492b5, #0ecf8a);    border-radius: 10px 10px 40px 10px;}.popular-posts li{border-radius: 10px 10px 10px 10px;margin: 6px 0 0 0;background: #6d6d6d;-webkit-transition: .3s;}.popular-posts ul {     margin: 0;}.popular-posts ul li {     padding: 5px 35px 0px 5px!important;}.popular-posts li a{font: 700 16px Roboto Condensed;color:#fff;-webkit-transition: .3s;}.popular-posts li a:hover{color:#555555}
 Bước 5: Các bạn vào phần bố cục sau đó nhấn thêm tiện ích. 

Chọn " Bài đăng phổ biến ". 


Sau đó chỉnh sửa lại số bài đăng thành 5 bài (nếu bạn thích)


Nhấn "Lưu" và tận hưởng thành quả
Bước 6: Lưu ý với một số bạn là bài viết được chính tay admin viết không hề sao chép coppy của một ai khác. Cấm cmt là bài viết giống coppy !. Thanks các bạn.
                                                                                                            Source-code: Hồng Hải
- - 38 bình luận
CHUYÊN MỤC

BÌNH LUẬN (38)

  1. nên sửa lại là thêm vào b:skin và xóa đi css cũ :V chứ đâu phải temp nào cũng có dòng chú ý đó đâu

    Trả lờiXóa
  2. lâu rồi không thấy ông qua :V tui chuẩn bị lọc lk đây

    Trả lờiXóa
  3. tương tác đê c.bị tui lọc liên kết đấy

    Trả lờiXóa
  4. Trả lời
    1. đợi khi nào lọc liên kết đã rồi đặt :3

      Xóa
  5. Ở chỗ title thiếu chữ kìa em bổ sung đi phổ biến nhé chứ ko phải phổ :v

    Trả lờiXóa
    Trả lời
    1. ghi thấy thiếu mà trong thum cũng thiếu nên để vậy luôn cho ngầu :p

      Xóa
  6. /* CSS POPULAR POST */ là người dùng tự thêm vào chứ đâu phải temp nào tự có sẵn đâu mà tìm ba

    Trả lờiXóa
  7. hehe :)) e viết bài hướng dẫn quá chi tiết :)

    Trả lờiXóa
  8. chấp nhận là post tự viết nhưng source-code đâu rồi bạn trẻ ? :D

    Trả lờiXóa

Một số lưu ý khi bình luận

Vui lòng xem Hướng Dẩn Sử dụng trước khi bình luận

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)