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