Post anh len blog!


Có lẽ đây là câu hỏi nhiều người thắc mắc nhất. 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 mà ta sử dụng là photobucket.com Hoặc http://imageshack.us/ vì dịch vụ này không cấm hotlink. Với photobucket thì ảnh của bạn sẽ bị delelet sau một khoảng thời gian nhất định. Vì thế nên dùng imageshack.

Đầu tiên, dĩ nhiên bạn phải 1 tài khoản tại photobucket.com. Đăng ký khá dễ dàng.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.

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=”link…” width=”500″ hieght=”300″ border=”0″, alt=”description”>

Trong đó, bạn lưu ý:
– Chiều rộng(width) và chiều dài(height) nên có để ảnh vừa với khung blog hơn, nhìn sẽ đẹp hơn.
– 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.


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, rất đơn giản và… không có gì để giải thích…

– 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 hover lên ả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.