Nhận thiết kế logo, banner... Order Now!
Trang chủ
THỦ THUẬT BLOGGER

Cách tạo widget bài đăng phổ cực đẹp | Duy Phương


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

37 nhận xét

  1. ngon :D
    • ngọt :D
  2. được đấy ông <3
    • hihihi <3
  3. 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
    • ờ để sửa lại
  4. tương tác nè <3 <3
    • oki thanks :3
  5. hello, buổi tối vui vẽ :3
    • hí lu bủi sáng vui vẻ
  6. lâu rồi không thấy ông qua :V tui chuẩn bị lọc lk đây
    • ok qua liền :V
    • chờ tui lọc rồi mới qua :V
  7. tương tác đê c.bị tui lọc liên kết đấy
  8. giúp tôi 1 liên kết nhé "click vào đầy"
    • đợi khi nào lọc liên kết đã rồi đặt :3
  9. BUOI TOI VUI VE NEK :D
    • ok buổi sáng vẻ vui nek
  10. Vjp pro
    • vjp carot :D
  11. Ở chỗ title thiếu chữ kìa em bổ sung đi phổ biến nhé chứ ko phải phổ :v
    • ghi thấy thiếu mà trong thum cũng thiếu nên để vậy luôn cho ngầu :p
    • Haha em là dân play
    • hihi :D
  12. /* 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
    • oki oki
  13. hehe :)) e viết bài hướng dẫn quá chi tiết :)
    • RẤT CHI TIẾT :D
  14. vjp ca ckua
    • vjp ca pkao
  15. Okii
    • oki :3
    • oki :3
  16. Buoi toi vui ve nek :D
    • ok`
  17. chấp nhận là post tự viết nhưng source-code đâu rồi bạn trẻ ? :D
  18. Hóng share temp ni