Tạo Label Cloud Flat UI Màu Xanh Tươi Mát

Click ngay
Xin chào, lần này mình sẽ hướng dẫn các tạo style cho các nhãn trong blogger - blogspot. Với phong cách xanh tươi mát mẽ cho ngày hè nóng nực, phối với màu sắc phẳng tạo nên sự tươi mát cho blog của bạn. Đặc biết nếu dùng màu xanh cây với trắng làm màu chủ đạo của blog thì đây thì thứ ko thế thiếu cho blog

Được đăng bởi Xuân Việt Blog

Thực Hiện

1. Các bạn đang nhập Blogger -> Mẫu -> Chỉnh Sửa HTML
2. Sau đó các bạn Tìm với từ khóa "Label" để tìm và xóa hết các đoạn CSS có trong tenplate của bạn, nếu như ko có thì bỏ qua bước này.
3. Các bạn chép toàn bộ code CSS bân dưới vào trước thẻ đóng ]]></b:skin> hoặc thẻ đóng </style>
/*CSS Label*/
.Label a{padding-left:5px;padding-right:31.5px;color:#fff!important;height:32px;background:#1abc9c;margin-right:2px;line-height:32px;text-decoration:none;border:none!important;-webkit-transition:all .3s ease-in-out!important;float:left;margin-top:2px;font-size:13px;text-align:left}
.Label a:hover{color:#fff!important;background:#16a085}
.Label a:after{content:"";position:absolute;width:0;height:0;border-width:16.5px;border-style:solid;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.1) transparent}
4. Lưu Mẫu lại
5. Sau đó các bạn vào Bố Cục -> Thêm tiện ích -> Nhãn và chọn theo ảnh bên dưới.
Các bạn có thể thay đồi các thông số như sau
  • Tiêu đề
  • Hiện thị 1
  • Sắp xếp. 
  • Còn  lại giữ nguyên như hình

Nếu bạn sao chép bài viết trên blog thì vui lòng để nguồn vào giúp mình. Tôn trọng người khác thì người khác sẽ tôn trọng lại bạn.

Nếu có thắc mắc gì về code, code lỗi,... thì liên hệ mình để được giúp đỡ nhé.

Thanh Bình Designer, Developer

Muốn giỏi phải học, muốn học thì phải hỏi. Chính vì thế, hãy cùng tham gia thảo luận với nhau để tìm ra câu trả lời nếu có thắc mắc nhé! Xem thêm nhiều bài viết hay tại đây nhé.
Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
Nên Xem
  • Ẩn sidebar
  • Không có nhận xét nào:

    Đăng nhận xét

    » Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
    » Không spam link, chia sẻ các link không liên quan đến bài viết.
    » Không xuyên tạc, bôi nhọ tổ chức hay cá nhân nào.
    » Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước.