Giao diện tối Nite

Header Ads

Tạo Windget Bài Đăng Phổ Biến Cho Blog

Xin chào các bạn,  hôm nay sẽ share cho anh em cái widget mà mình vừa chôm được từ Duy Phương Blog . Nào Bắt Đầu Thôi
Ảnh DEMO

11111111111



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.
11111111111

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

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. 
11111111111

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


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

11111111111

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.

Facebook comments

0 Bình luận