[Tips] - Làm đẹp widget nhãn (label) blogpsot

Nhãn hay còn gọi là Label trong blogspot là một phần không thể thiếu trong blogpsot nhằm giúp blogspot tăng pagerank, nhưng rất ít ai để trên blog của mình vì nó quá xấu nên các blogger ngại đặt nó. Nay khám phá blogspot sẽ giúp bạn làm đẹp label list và label cloud cho blogspot.

Cách làm đẹp cho widget nhãn blogspot
Để làm đẹp cho widget này rất đơn giản bạn chỉ cần thêm một đoạn css vào trước thẻ ]]></b:skin>

/* Labels
----------------------------------------------- */
.list-label-widget-content li{float:left;width:42%;padding-left:20px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj59zJzaEUnb45CZkVysdqqwTfbV5BNt30i1R6Xf6NClMVk4iyr3a-pKwCQZUYi7fkP7MMkpsLvcpksZoQeKAsw-5HQ6_Z1bCCAh8Mkt-EW1prme3DPFNYob9OOQdEeBZGiNhZnAujgBQW1/s1600/bullet.png) no-repeat scroll 2px 10px;
list-style-type: none;}
.list-label-widget-content li a{color:#999;font-size:15px;}
.cloud-label-widget-content .label-size {font-size: 100%;float: left;}
.cloud-label-widget-content .label-size a {color: #666;float: left;font-size: 13px;margin: 0 5px 5px 0;padding: 5px 15px;text-decoration: none;border: 1px solid #999;border-radius: 30px;}
.label-size a:hover, .label-size:hover .label-count, .label-size:hover a {background-color: #111;color: #999;text-decoration: none;transition: all 0.2s ease-out 0s;}
.cloud-label-widget-content .label-size span {color: #999;float: left;font-size: 13px;margin: 0 5px 5px 0;padding: 5px;text-decoration: none;border: 1px solid #999;border-radius: 30px;}
.cloud-label-widget-content .label-size span:first-child, .cloud-label-widget-content .label-size span:first-child span:nth-child(2) {background: #111;color: #999;}

 Sau khi thêm xong lưu mẫu lại và kiểm tra thành quả nhé, đù đặt label list hay label cloud đều khá đẹp. Chúc các bạn thành công.

Bài Viết Cùng Chủ Đề

• [Tips] - Thẻ điều kiện trong blogspot là gì?Chào các bạn có rất nhiều bạn liên hệ với mình và hỏi rằng thẻ điều kiện trong blogspot là gì? thẻ điều kiện dùng để là ...
• [Tips] - Làm sao để blogspot không bị lỗi hình ảnhLỗi hình ảnh (image) là lỗi thường gặp nhất hiện nay, hiện nay đối với nhà mạng VNPT đã chặn hình ảnh đối với blogspot, ...
• Kỹ Thuật Tối Ưu SEO Onpage Cho Blogspot Và Website Kỹ Thuật Tối Ưu SEO Onpage Cho Blogspot Và Website  từ A tới Z cho website và blogspot: Bao gồm những kỹ thuật tối ưu ...
• Chuyển pdf sang word trực tuyến không bị lỗi fontBạn đã từng loay hoay cả buổi để tìm cách chuyển đổi một file pdf sang file word để tiện cho công việc của mình nhưng k ...
• [Tips] - Auto Nofollow link trỏ ra ngoài cho blogpsotĐặt thuộc tính Nofollow cho những link trỏ ra ngoài cho blogspot là một điều cần thiết cho việc seo blogspot, một phần ...