Bài đăng phổ biến có hiển thị ảnh trong blogspot

Tiếp tục với Blogger hôm nay mình xẽ hướng dẫn các bạn  Tùy biến Bài đăng phổ biến có ảnh hiển thị một cách đơn giản và cơ bản nhất.

Demo các bạn xem trực tiếp tại website của mình nhé

Các thực hiện : Vào blogspot -> mẫu -> chỉnh sửa HTML -> ctrl + F tìm đoạn này :]]></b:skin>.Chèn code dưới đây vào trước </b:skin> .

/*Widget PopularPosts iChiaSe.Biz*/.PopularPosts ul,.PopularPosts li,.PopularPosts li a{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}.PopularPosts ul{margin: 0;list-style: none;color: black;counter-reset: num;padding: 2px;}.PopularPosts ul li{margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}.item-thumbnail img{float:left;margin:0 10px 0 0}.PopularPosts a{color:#333!important}.PopularPosts a:hover{color:#004D99!important}.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{/* color: inherit; */text-decoration: none;font-size: 17px;}

Lưu lại.
Tiếp tục vào blog -> bố cục  -> thêm tiện ích : Chọn tiện ích bài đăng phổ biến ,Rồi tùy chỉnh như hình dưới đây  :

Chú ý :Bạn để hình ảnh ở dạng jpg hoặc png nhé.Bạn lên để ảnh demo nhỏ nhỏ bên trái như thế này sẽ được .Ví dụ : http://www.svtinhoc.net/2015/07/bo-hinh-thieu-nu-mac-ao-dai-viet-nam.html
Khuyện bạn lên sửa dụng chức năng tải ảnh lên trong khung soạn thảo văn bản :)

Xong lưu.chúc bạn thành công!