Computer Tips

Xóa viền cho toàn bộ hình ảnh - các mẫu templates còn lại trên blogspot

Trong mẫu mặc định của Blogger thì các hình ảnh sẽ tự động có một đường viền xung quanh. Hầu hết các Blogger mới thì đều không quan tâm tới đường viền này, thậm chí họ còn không biết đến sự tồn tại của nó. Đến khi các Blogger đó đã bắt đầu biết thiết kế blog thì một số người thấy rằng: đường viền đó không phù hợp với giao diện blog của họ, nó làm cho giao diện blog bị xấu đi. Trong trường hợp như vậy thì ta cần loại bỏ đường viền đó đ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;
}

http://thaibinhnguyen.com Labels: Thủ Thuật Blogger