Tạo bài viết phổ biến tự động đánh số với hình ảnh Bubbles

Đăng bởi Admin | 6/12/13 | 0 nhận xét

Bài viết phổ biến widget là một công cụ hiệu quả để tăng lượt xem trang blog của bạn và thu hút độc giả nhiều hơn trên blog của bạn. Nó có thể tìm và xếp hạng bài viết dựa trên các trang truy cập nhiều nhất bằng cách sử dụng dữ liệu Google phân tích của bạn.

Vậy bạn có muốn tạo hộp Bài viết phổ biến được tự động đánh số trên nền ảnh bong bóng 3D như trên blog của tôi? Cực kỳ đơn giản ! Chỉ qua vài thao tác, Thu thuat vi tinh sẽ giúp bạn nhanh chóng làm được điều đó.

Thêm Popular Posts Widget

1. Đi vào Blogger> Layout
2. Nhấp vào "Thêm Tiện ích"
3. Chọn " Popular Posts "từ danh sách
4. Bạn sẽ cần phải cấu hình cài đặt như trong hình dưới đây: bỏ chọn " hình ảnh thu nhỏ"và" đoạn "tốt hơn của nó mà bạn hiển thị nhiều nhất là 7-9 bài viết. Ít hơn là tốt và sạch sẽ.

       5. Lưu nó

Tùy chỉnh ưa thích:

Bây giờ bạn cần phải thay đổi phong cách mặc định và thay đổi cái nhìn của mình để thiết kế mong muốn của chúng tôi sử dụng các kiểu Custom.

1. Đi Blogger> Template
2. Sao lưu mẫu của bạn
3. Nhấp vào Edit HTML
4. Tìm kiếm . </ b: skin>   Click vào mũi tên màu đen để mở rộng mã.

   5. Dán Styles sau ngay phía trên </ b: skin>


/*--- MBT Popular Posts --- */
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}

.popular-posts ul li a:hover {
text-decoration:none;
}


Tùy biến:

• Để thay đổi màu nền của Quảng trường bong bóng sửa # 292D30
• Để thay đổi màu sắc văn bản của bong bóng sửa # ffffff
• Theo mặc định, hình dạng của các bong bóng là Square (Quảng trường) . Để thay đổi nó để Circle (các mối) chỉ cần thêm đoạn mã border-radius:15px;  ngay sau box-shadow: 1px 2px 9px # 666666;

6. Lưu mẫu của bạn.

Ghé thăm blog của bạn để xem thành quả.

Chúc bạn thành công !...

                                                                                   Tham khảo: mybloggertricks.com