[09]Bỏ đường viền ảnh khi chèn hình vào blog

[Serial thủ thuật blog 1]Bỏ đường viền ảnh khi chèn hình vào blog 

56 thủ thuật blogspot dành cho blogger
Cách đến nhanh bài viết:
·  Nhấp chuột trái vào mục muốn xem.
·  Về đầu trang của Serial gồm 56 thủ thuật, nhấn nút
HomeSerial - Serial Thứ 1






Nguồn: Sưu tầm 

Giới thiệu: Nếu bạn đăng hình lên blog và thấy có đường viền bao quanh ảnh. Điều này khiến bạn không hài lòng, nhất là với những ảnh trong suốt, xuất hiện đường viền thật không đẹp tí nào, và lúc này bạn muốn bỏ nó đi. Thủ thuật đơn giản sau sẽ giúp bạn loại bỏ đường viền đáng ghét ấy. 

CÁCH THỰC HIỆN 

1. Đăng nhập Blogger 

2. Chọn: Mẫu > Chỉnh sữa HTML

3. Chèn script.

Bước 1: Tìm dòng .post img {

- Đoạn code có dạng như sau:

---

.post img {

max-width: 480px;

min-width: 10px;

clear: both;

padding: 0px;

border:1px solid #343434; /*Viền ảnh*/

}

---

- Cũng có template code có dạng khác, nếu không tìm thấy thì:

- Tìm dòng img {

- Đoạn code có dạng như sau:

---

img {

border:0px;

padding:0px;

max-width: 570px; /*not working in IE6*/

min-width: 1px;

border:1px solid #343434; /*Viền ảnh*/

}

---

border: Là code tạo viền bao quanh ảnh. Bỏ nguyên dòng border đi thì không còn viền ảnh nữa.

Bước 2: Save template. (Lưu mẫu)

THE END.

Bài Viết Cùng Chủ Đề