Ưu điểm lớn nhất của tiện ích này là chúng ta không cần phải cài đặt bất kỳ Javascripts bởi vì tôi sử dụng một tiện ích được lưu trữ trên các máy chủ của Blogger và tôi sẽ chỉ làm thay đổi hình dáng của nó để làm cho nó hoàn hảo với các blog blogspot của bạn.
☼ Bước 1: Tạo một tiện ích Popular post.
- Nếu blog bạn đã có tiện ích Popular post rồi thì có thể bỏ qua bước này tiến hành luôn bước 2:
1- Đăng nhập vào Blog
2- Vào
mẫu (Template)
3- Chọn
Thêm Tiện ích (Add Widget)
4. Bấm chọn mục
bài đăng phổ Biến (Popularposst) sau đó
lưu lại:
5. Bấm vào
chỉnh sửa (Edit) tiện ích Bài Đăng Phổ Biến (Popularposst) bạn vừa tạo để cài đặt các thông số như hình dưới (nếu bạn dùng blog tiếng anh thì xem
hình này).
☼ Bước 2: Tùy chỉnh tiện ích Popular post.
1- Đăng nhập vào blog
2- Chọn mẫu (template)
3- Chọn chỉnh sửa HTML
4- Dán mã dưới đây trước thẻ ]]></b:skin>
☼ Bước 3: Tùy chỉnh!
- Thay thế icon đầu mỗi bài viết bạn thay đổi link anh
màu xanh. Bạn có thể tìm kiếm một số icon động ngộ nghĩnh của namkna
Tại đây.
- Để thay đổi đường viền quanh mỗi bài viết khi chưa dê chuột vào tiêu đề đó thay đổi phần
màu hồng.
- Để thay đổi đường viền quanh mỗi bài viết khi dê chuột vào tiêu đề đó thay đổi phần
màu vàng/
- Bạn có thể chọn mã màu mình thích thông qua công cụ lấy mã màu của namkna
Tại đây.
- Cuối cùng
lưu mẫu lại và xem kết quả nha.
Cập nhật!
Mình cung cấp thêm cho các bạn một style mới để các bạn lựa chọn:
Ảnh minh họa:
/*--- http://namkna.blogspot.com/ Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_WA1eENYR-bkX1Lxa90IBK3yDOZx17-Yh55fMbanrsnHYImlkIIgRElrgmhZ2HC9RPq8CiNyghSgQyfI1lvfuHC2TXIvKlaMq6fgWeLIywA-rk4lrAgiyQ0-h1y7n9pHpifcd5R0oPY1X/s1600/icon-popularpost-namkna-blogspot-com.gif") no-repeat scroll 5px 8px rgb(255, 255, 255);
list-style-type: none;
margin: 0px 0px 5px;
padding: 5px 5px 5px 20px !important;
border: 1px solid rgb(221, 221, 221);
border-radius: 10px 10px 10px 10px;
}
.popular-posts ul li:hover {
border:1px solid #666;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
Thông tin bạn cung cấp thật bổ ích.
ReplyDeletewww.dangkyviettel24h.com chuyên đăg ký, lắp đặt internet viettel, cáp quang viettel nhánh chóng, uy tín. Mr (Hoàng )ĐT: 0988 677 995
đăng ký mạng internet viettel tại TPHCM
Lắp đặt ADSL viettel tại tphcm
Lắp đặt cáp quang viettel tphcm