TÙY BIẾN POPULAR POST DẠNG ẢNH GALLERY CHO BLOGGER

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.