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

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
Star Bình Blog
Trần Thanh Bình
Designer Developer

Chào các bạn mình là Bình - một cậu học sinh, với đam mê và sở thích, mình lập nên blog này để lưu trữ những kiến thức, đồng thời cũng chia sẻ những gì mình biết và sưu tầm được tới bạn đọc.

  • ..
  • Bài liên quan

    - 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 !
    - Mọi chi tiết xin liên hệ:
    • Email: starbinhblog.com@gmail.com
    • Facebook: Fb.com/tomitsystem
    Xin chân thành cảm ơn những đóng góp của bạn để chúng tôi ngày càng phát triển hơn nữa...

    Bình luận Facebook:

    Không có nhận xét nào

    - Những bình luận mang tính xây dựng đóng góp bài viết mới được để lại

    - Những bình luận không liên quan đến bài viết có thể bị xóa

    - Vui lòng KHÔNG bình luận thô tục, không dấu, chèn các liên kết bên ngoài, bình luận không liên quan hoặc quá ngắn

    - Hãy là con người văn minh từ những câu nói