Thêm post thường thì đẹp cho blogger/blogspot

Bài viết trước tôi đã chỉ dẫn những bác cách thêm sơ đồ website dạng table flat khá thích mắt và quan trọng cho blogspot rồi và bài này sẻ là một thành phần cũng không thể thiếu cho Blogspot đó là bài viết thường thì (Popular-Post) với dạng style nhẹ nhàng mà ấn tượng.

Bài viết thường thì đẹp cho blogspot

Thêm post thường thì cho blogspot

Trước hết bạn nên thêm widget Popular Post trên blog của bạn với hình ảnh thu nhỏ tuổi và trích dẫn. Hầu hết những blogger đã cung cấp tác dụng này nên có lẽ tôi không nhắc tới nữa.

Bắt đầu:

 1. Vào Blogger Dashboard > Template > Edit HTML.
 2. Tìm ]]></b:skin> (Nhấn Ctrl + F để tìm) và dán mã CSS dưới đây trước thẻ đó.

/*popular đăng bài by seocucre.com*/
.PopularPosts .widget-content ul li{padding:0;position:relative}.item-snippet {font-size: 90%;line-height: 1.2em;position: absolute;width: 230px;background-color: whiteSmoke;padding: 7px;border-top: 2px solid #FF0202;z-index: 2;left: 300px;top: 60%;height: 4.5em!important;visibility: hidden;opacity: 0;transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;}.PopularPosts .widget-content ul li:hover .item-snippet{left:60px;opacity:1;visibility:visible}.PopularPosts img{width:50px;height:50px}.PopularPosts .item-title{font-family:'Open Sans Condensed',"Arial Narrow",Arial,sans-serif;font-size:125%}

Sau đó ấn khắc ghi và xem thành quả.Bạn có thể xem demo tại đây