Chèn ảnh vào blog từ căn bản đến nâng cao

[ytuongquang]

1. Chèn ảnh cơ bản chỉ có ảnh đơn thuần-như nhiều bài đã đăng
code

<img src="Link ảnh">

------------------------------------------------------
2. Chèn ảnh có chèn link muốn đến
code

<a href="Link liên kết muốn đến" target="_blank"><img src="Link ảnh" ></a>

--------------------------------------------------------
3. Chèn ảnh có chèn link muốn đến và hiển thị nội dung mô tả khi rê chuột đến
code

<a href="Link liên kết muốn đến" target="_blank"><img src="Link ảnh" title="Nội dung muốn nói"></a>

---------------------------------------------------------
4. Giống như kiểu cấp 3 trên, nhưng thiếp lập chiều rộng ảnh hiển thị theo ý muốn cho vừa với entry/modum/cm. rươnbg hợp này áp dụng thường nhất cho ảnh quá lớn, nếu để nguyên chèn vào blog thì sẽ mất một phần ảnh-thường là bên phải.
code

<a href="Link liên kết muốn đến" target="_blank"><img src="Link ảnh" title="Nội dung muốn nói" width=571></a>

Các bạn chú ý số 571( đối với Plus bản củ, còn đối với bản Beta về sau thì từ 600 cho trang hiển thị tại trang chính blog), đó là kích thước chiều rộng tối đa nếu bạn muốn chèn vào entry-đó là kinh nghiệm khuyến cáo của mình. Bạn có thể thay đổi con số đó, ảnh sẽ tự động điều chỉnh tỷ lệ cao tương ứng, ảnh sẽ không bị méo mó.
Vì ở đây không thực hiện minh họa được như trong blog nên các bạn cố gắng xem bài không có hình nha.

Viết bởi [Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]

[quach]

P.s:

target="_blank"

Dùng khi muốn khi click sẽ sang 1 cửa sổ mới

[Skar]

bạn có biết html thế nào để chèn đc ảnh kiểu này ko?
[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]
nghĩa là chu~ 1 ben con` anh? 1 ben ay'

[olympia41124]

bạn có biết html thế nào để chèn đc ảnh kiểu này ko?
[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]
nghĩa là chu~ 1 ben con` anh? 1 ben ay'

Cái đó bạn cần sử dụng thuộc tính float:left nhưng rất tiếc thuộc tính này Plus chặn rồi

[Skar]

chán thiệt, thôi đành phải cháp nhận vậy

[s4d_m3m0ri3s]

oạch ! vậy là mất hiệu ứng viết chữ đè lên trên ảnh ak =.=!
Plus xem lại cái này hộ cái =.=!

[ytuongquang]

Hôm nay mình vào google gõ từ khóa tìm kiếm về bài viết này của mình thì kết quả thật buồn, có nhiều trang web đã COPY và đương nhiên là KHÔNG CÓ GHI TÁC GIẢ là ytuongquang rồi
.
Điều này cũng rất bình thường thôi phải không nào.
Nhiều lúc cũng mắc cười làm sao, vì bài viết gốc ban đầu mình viết chính tả tùm lum, viết sai chính ta vì bộ gõ không chính xác của 4rum chứ không phải ytq không biết chính ta, mà những người đó lại copy rồi thậm chí chẳng đọc qua là có sai chính ta!!!
Trong đó có những Admin nữa chứ!

[cuibap]

bạn có biết html thế nào để chèn đc ảnh kiểu này ko?
[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]
nghĩa là chu~ 1 ben con` anh? 1 ben ay'

thuộc tính float:left bị chặn thì chỉ còn 1 cách là kẻ bảng . để hình 1 bên còn viết 1 bên

[LeePro]

bạn có biết html thế nào để chèn đc ảnh kiểu này ko?
[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]
nghĩa là chu~ 1 ben con` anh? 1 ben ay'

cái này khá đơn giản, bạn chỉ cần dùng code chia cột cho bài viết, linh động 1chút, bạn chia tỷ lệ giữa hình ảnh và phần text của bạn sao cho hợp lý là được^^
code nhé:

<table style="width: 100%;">
<tr>

<td style="width:XX%;text-align:left">
Phần để bạn chèn hình ảnh
</td>

<td style="width:YY%;text-align:left">
Phần để bạn chèn text
</td>

</tr>
</tbody></table>

trong đó XX là tỷ lệ phần cột bên trái để bạn chèn hình, YY là tỷ lệ phần cột bên phải để bạn đánh text, nếu không thông thạo về html, bạn có thể sử dụng phần VIẾT BÀI MỚI để chỉnh sửa dễ dàng hơn. chúc thành công nha^^. hok hiểu pm cho mình nhé, yh : Lee.Pro8x

[stuaoneb]

Float: left dùng đc rồi
Code:

<div style="float: left;"><img src="Link ảnh"></div>

[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]
Thêm border cho đẹp

<div style="border-style: solid; border-color: red; padding: 5px; float: left;"><img src="Link ảnh"></div>

red: có thể thay bằng mã màu bạn thích
[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]