Tùy chỉnh tiện ích nhãn trong Blogger với CSS3

Hôm nay tôi sẽ chia sẻ cách tùy chỉnh widget nhãn trong blogger với phong cách đẹp.Bạn cũng có thể đọc các bài viết trước của tôi để làm cho blogger của bạn cách điệu.
Chỉ cần làm theo các bước sau:
Truy cập Blogger >> Bố cục >> Thêm tiện ích
Chọn Widget "Nhãn".
Thực hiện cài đặt như hình ảnh bên dưới & "Lưu" nó.
Bây giờ tiện ích đã được thêm vào blog và hãy tùy chỉnh tiện ích đám mây nhãn.

Bước 2. Tùy chỉnh nhãn Cloud Widget
Truy cập Blogger >> Mẫu >> Sao lưu mẫu của bạn
Nhấp vào Chỉnh sửa HTMl và Tìm kiếm]]> </ b: skin>
Sao chép và dán mã sau đây]]> </ b: skin>

.sidebar .label-size {
  position:relative;
  text-transform: uppercase;
  text-decoration:none;
  font-size:13px;
  font-family:Open Sans;
  color:#fff!important;
  }
.sidebar .label-size a {
  color:#fff!important;
  font-weight:bold;
  padding:8px 10px;
  margin:0 6px 6px 0;
  float:left;
  display:block;
  -moz-transition: all 0.4s ;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s ;
  -ms-transition: all 0.4s ;
  transition: all 0.4s ;
}
.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#16a085;}
.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.sidebar .label-size-4 a:hover {background:#8e44ad}
.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.sidebar .label-size-5 a:hover {background:#c0392b}

Bây giờ bạn đã làm xong tôi rất thích bài viết này, hãy chia sẻ nó với bạn bè của bạn và theo dõi các bài viết thủ thuật blogger  hơn ae chờ bạn nếu bạn cần bất kỳ trợ giúp xin vui lòng liên hệ với chúng tôi hoặc để lại nhận xét dưới đây sẽ trả lời sẽ được đánh giá cao cảm ơn.