Star Dũng Blog

Hiện tại có rất nhiều cách tùy biến blogger. Trong bài này mình xin hướng dẫn các bạn tùy biến Popular Post dạng thumbnail cho Blogger.

1- Thêm 1 tiện ích cho Blogger.
2- Loggin vào blogger.
3- Click vào bố cục
4- Thêm tiện ích.
5- Chọn bài đăng phổ biến (Popular Post) và lưu lại.
 
6 -  Chọn vào mẫu (Templete)
7- Chọn chỉnh sữa HTML
8- Nhấn tổ hợp phím Ctrl + F tìm đoạn ]]>

và dán đoạn code sao phía trên ]]>  

<br />.PopularPosts .widget-content ul li {background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}<br />.PopularPosts ul{padding:5px 0}<br />.PopularPosts .item-thumbnail img{width:110px;height:110px;padding:11px;margin:0}<br />.PopularPosts .item-content{position:relative;float:left;margin:0}<br />.PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}<br />.PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}<br />.PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}<br />.PopularPosts .item-title{background:#000;position:absolute;bottom:8px;right:2px;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=6)}<br />

Có vấn đề gì các bạn hãy để lại comment để mình hỗ trợ thêm. Cảm ơn các bạn đã theo dõi.