Cách chèn nhiều hình vô 1 entry ( by Sa[D])

Trích:

Nguyên văn bởi hồng tinh boy

Đại ca cho em hỏi POST nhìu hình ltrong một ENTRY thì làm như nào, POST hình từ trong máy ko phải từ trên mạng về dâu nhá.

Giúp em đại ca ơy

Nếu như dùng hình đã có săn trong máy của bạn thì chỉ có thể post 1 hình thui Còn nếu mún post nhìu hình vô entry của mình

Xin hướng dẫn các bạn chi tiết cách "gửi" nhiều ảnh lên blog. Thực chất từ "gửi" ở đây có nghĩa là lấy ảnh từ 1 website khác về blog của bạn.

Website sử dụng là photobucket.com vì dịch vụ này không cấm hotlink. Đầu tiên, bạn phải có một tài khoản tại photobucket.com.

Trong phần soạn Blog, tìm và chọn mục "View HTML Source" ngay bên dưới phần soạn nội dung.

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) Q1

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) Q1

Tại vị trí bạn muốn chèn hình ảnh, bạn nhập vào đoạn code HTML như sau: <img src="địa chỉ" width="chiều rộng" height="chiều dài" border="0" alt="chú thích">.

Trong đó, bạn lưu ý:

- Chiều rộng (width) và chiều dài (height) là bắt buộc phải có.

- Chiều rộng không được quá 500 pixels.

- "Chú thích" là phần chữ sẽ hiện lên khi người xem hover chuột lên ảnh.

Để lấy được địa chỉ ảnh, bạn quay sang trang photobucket.com. Sau khi đã upload ảnh lên, photobucket.com cung cấp ngay địa chỉ trong mục "Url", bạn có thể copy và chèn vào đoạn code trong blog.

Vẫn tại photobucket.com, bạn click vào hình ảnh bạn vừa post để xem chi tiết, bạn sẽ thấy bên dưới hình ảnh có kích thước mà bạn sử dụng cho đoạn code.

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) Q2

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) Q2

Bỏ "View HTML Source" đi và bạn sẽ thấy hình ảnh hiện lên trên blog của mình.

Một số lưu ý khác:

- Photobucket.com có cung cấp luôn cho bạn đoạn code để gửi ảnh lên trong hộp thoại "Tag". Bạn có thể sử dụng nó, tuy nhiên, nhớ thêm 2 thẻ width và height nếu không ảnh sẽ không hiện khi bạn ấn nút "Post This Entry".

- Nếu bạn muốn lấy hình ảnh từ 1 website bất kỳ, bạn click chuột phải lên hình ảnh, chọn "Properties", bạn sẽ nhận được địa chỉ và kích thước của hình ảnh để post lên blog.

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) Q3

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) Q3

Còn 1 cách khác đơn giản hơn rất nhiều, không cần phải sử dụng đến code là "kéo thả". Để 2 cửa sổ soạn blog và website có hình ảnh song song. Bạn đưa chuột qua ảnh, click chuột trái và giữ chuột, di chuyển qua ô nhập text bên blog và thả chuột. Hình ảnh sẽ hiện lên. Tuy nhiên, bạn vẫn nên click "View HTML Source" để xem đoạn code Yahoo! vừa tự sinh ra có width và height hay không để sửa lại cho đúng.

Cho mình bổ sung thêm một cách chèn ảnh khác, đó là dùng dịch vụ lưu trữ ảnh miễn phí Flickr.com của Yahoo!.

Tại ô soạn thảo blog

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) 338525611_33061646dd_o

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) 338525611_33061646dd_o

Hình 1

Bạn sẽ thấy một cửa sổ như thế này xuất hiện

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) 338535685_1cb286d0cd_o

Ôi! tôi phải tìm đoạn mã link đó ở đâu đây ? , đừng nôn nóng, mình sẽ chỉ cho bạn ngay

Bạn sẽ lấy đường link tại Flickr.com bằng cách sau:

Trước hết bạn phải đăng nhập vào tài khoản của mình tại Flickr.com

Đây là giao diện chính trong mục "Your Photo"

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) 338525614_536275defa_o

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) 338525614_536275defa_o

Hình 2

Chọn tấm hình mà bạn muốn chèn vào blog của mình, dĩ nhiên bạn phải có hình để chọn đấy nhé. Nếu bạn đang "trắng tay" cũng không sao, hãy upload lên vài tấm bằng cách click vào mũi tên bên cạnh chữ "You" và chọn "upload photos".

Ta tiếp tục nhé.

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) 338525616_d93dd879f9_o

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) 338525616_d93dd879f9_o

Hình 3

Click chọn vào "All Sizes"

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) 338525615_40464c6508_o

Hình 4

Hãy copy toàn bộ dòng mã trong ô thứ nhất và dán (paste) vào ô này bên trang blog của bạn.

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) 338535685_1cb286d0cd_o

Hình 5

Sau khi click OK, một cửu sổ khác xuất hiện, đây chính là lúc bạn đặt lời chú thích, một câu chua hay "bình loạn" cho tấm hình của mình

Và khi thành công, tấm hình sẽ hiện ra ngay lập tức ;D

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) 338525612_317653a5a6_o

Cách chèn nhiều hình vô 1 entry ( by Sa[D]) 338525612_317653a5a6_o

Hình 6

Chúc may mắn ^^