Xóa viền hình ảnh - các mẫu templates trên blogspot

Mẫu template mặc định của Blogspot các hình ảnh thường có viền boder bao quanh. Đối với các bạn đã chuyên về template thì bạn sẽ thấy nó làm cho cái giao diện trên blog mình xấu đi  Bài hôm nay của mình sẽ hướng dẫn các bạn cách xóa viền cho toàn bộ hình ảnh trên Blog và chỉ xóa viền cho một số hình ảnh. Trên bài viết này mình cũng đã loại bỏ đường viền cho hình ảnh, các bài khác thì đường viền còn nguyên.

Nếu bạn đang sử dụng Dynamic Views Templates - chế độ xem động mà muốn loại bỏ hết đường viền hình ảnh thì hãy sử dụng cách này.

1. Đăng nhập Blogger
2. Mẫu > Chỉnh sửa HTML
3. Tìm thẻ ]]></b:skin>
4. Dán code dưới vào trước(trên) thẻ vừa tìm:

 .entry-content img{
box-shadow: none !important;
padding: 0px !important;
border: 0px !important;
}

 Nếu bạn không sử dụng mẫu Dynamic Views Templates thì hãy áp dụng cách này để loại bỏ đường viền cho toàn bộ hình ảnh.
1. Đăng nhập Blogger
2. Mẫu > Chỉnh sửa HTML
3. Tìm một đoạn code trông như dưới, các bạn chỉ cần tìm với đoạn màu đỏ là ra đoạn code bên dưới

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
 padding: $(image.border.small.size);
 background: $(image.background.color);
 border: 1px solid $(image.border.color);
 -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
 -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
 box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

 Thay thế đoạn code vừa tìm bằng code dưới

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

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