Hướng dẫn cách post nhiều ảnh cùng một Entry Blog

Hướng dẫn cách post nhiều ảnh cùng một Entry Blog




333 magnify

Trước hết là các bạn phải up ảnh lên 1 host trung gian nào đó.

Xin giới thiệu 1 số trang cho phép bạn upload hình lên

- http://www.flickr.com/: đây là 1 công ty nhỏ của Yahoo nên bạn chỉ cần nhập nick yahoo và password vào rồi upload hình lên. ưu điểm: hình không bị delete trừ khi chính tay bạn delete. Nhược điểm: chỉ giới hạn cho upload 20 Mb hình.

- http://photos.yahoo.com: ưu nhược điểm giống Flickr.com

- http://imageshack.us: ưu điểm: có chế độ resize image, upload thoải mái, nhược điểm: sau một thời gian là hình bị delete.

- http://tinypic.com

- http://photobucket.com: có thể đăng ký 1 tài khoản để upload hình lên. Như thế ít bị delete hơn.

PHẦN 1: POST NHIỀU ẢNH

Bước 1: Nhấn vào nút Browse chọn ảnh cần upload rồi nhấn nút Upload để upload


Image Hosted by ImageShack.us

Bước 2: sau khi upload xong, website này sẽ chuyển bạn qua 1 trang khác có chứa link của ảnh bạn vừa upload xong

Image Hosted by ImageShack.us


Bước3: Bạn click vào Compose blog Entry và tick vào View HTML Source

Image Hosted by ImageShack.us


Bước 4: bạn copy đọan code ở dòng Hotlink for website rồi paste vào blog

Image Hosted by ImageShack.us


Bước 5: sau khi xong xuôi hết rồi, bạn untick cài HTML source là được.

Cách này làm thì có 1 nhược điểm là nếu như bạn fải up 1 số lượng lớn thì rất mất thời gian. Tuy nhiên, với Firefox thì chúng ta có thể khắc phục nhược điểm này

Download

http://ftp-mozilla.netscape.com/pub/mozilla.org/firefox/releases/1.5.0.6/win32/en-US/Firefox%20Setup%201.5.0.6.exe

Bây giờ dùng trình duyệt FF mở 2 cửa sổ. Cửa sổ đầu mở blog Yahoo 360 của bạn rồi vào đến chế độ soạn thảo blog entry. Cửa sổ thứ 2 mở trực tiếp bức hình mà bạn đã upload ở trên. Vi du (http://cuongoz.com/cuongoz.jpg)

Kích chuột vào nút Restore Down (ở giữa 2 nút Minimize, Maximize) để thu nhỏ 2 cửa sổ sao cho cả 2 cửa sổ đều hiện trên màn hình.

Bấm và giữ nút chuột trái lên bức hình ở cửa sổ thứ hai rồi KÉO (drag) sang ô soạn thảo blog trên cửa sổ thứ nhất rồi THẢ (drop) chuột ra. Bạn thấy đó, bức hình đã được kéo sang.

Làm tương tự KÉO-THẢ với các bức hình còn lại.Sau do chỉ việc click save

LƯU Ý: Chỉ với những pic có chiều rộng <=500


PHẦN 2: POST ẢNH CÓ CHIỀU RỘNG LỚN HƠN 500 pixels

Vì yahoo 360 chỉ cho phép bạn post ảnh trong blog có size<=500 pixels nên đôi khi chúng ta sẽ ko thể post được các pic có size lớn hơn? Bó tay ư? Chắc chắn là không rồi. Vậy phải làm thế nào?Câu trả lời rất đơn giản là cắt bức ảnh thành các ảnh có chiều rộng nhỏ hơn hoặc bằng 500 rồi ghép chúng lại với nhau.

Ví dụ bạn có bạn có một bức ảnh có chiều rộng là 800 pixels thì bạn sẽ cắt thành 2 bức ảnh có chiều rộng 400 pixels và ghép chúng lại với nhau trên blog. Hay nếu ảnh chiều rộng 1500 thì cắt thành 3 bức ảnh chiều rộng 500

Bước 1 :Dùng Photoshop mở bức ảnh bạn muốn đưa lên.

Bước 2: Nhấn Ctrl+ R để mở thước đo trong photoshop. Kích và giữ chuột vào cái thước theo chiều dọc rồi kéo vào tấm ảnh. Đây là Guide line mục đích là giúp mình có thể chia ảnh dễ dàng hơn.

Bước3 : Dùng công cụ Rectangular Marquee Tool để chọn và copy từng phần của cái ảnh sau đó paste và save thành một file riêng.

Mình đã cắt bức ảnh to thành 2 bức ảnh nhỏ

Bước 4: Upload lên một cái image hosting nào đấy. Các bạn có thể tham khảo ở bài " Hướng dẫn Post nhiều ảnh cùng một Blog".

Bước5: Soạn thảo HTML. Bạn paste vào HTML source đoạn code sau:



Giải thích:


Sau khi cắt thành 2 mảnh bạn sẽ nhét 2 mảnh này vào một cái bảng( Table) .Bảng này gồm 1 dòng (row) và 2 cột (columns)


Chiều rộng bảng width chính bằng chiều rộng của bức ảnh khi chưa bị cắt ra


Thẻ

là cột chứa bức ảnh. src="http://" là đường link tới file ảnh của bạn. Lưu ý bắt buộc phải ghi đúng chiều rộng để ảnh có thể hiện lên.