Chọn kiểu gõ: AUTO [F9] VNI TELEX VIQR VIQR* Tắt Kiểm tra chính tả Bỏ dấu kiểu cũ
Hướng dẫn chèn hình vào bài viết
  • Trang chủ
  • Diễn đàn
  • Tìm kiếm
  • Diễn đàn
  • Lịch
  • Thành viên
  • Đăng nhập
  • Đăng ký
  • Hộp Thư
Trang: [1]   Xuống
In
Tác giả Chủ đề: Hướng dẫn chèn hình vào bài viết  (Đọc 7319 lần)
0 Thành viên và 1 Khách đang xem chủ đề.
Hiếu Nguyễn
Thành viên kỳ cựu
******


Memory is empty...

Giới tính: Nam

Lớp: 12B
Trường: THPT Chơn Thành
Khoá: 2002-2005

Bài viết: 1840
Thống kê Thanks
-Đã Thanks: 639
-Nhận được: 608
Điểm thưởng: 6

Offline Offline
WWW Email
« vào lúc: 25 Tháng Mười Một, 2008, 01:37:40 PM »
Đã có rất nhiều bạn thắc mắc không biết cách post hình vào bài viết dẫn đến một số bài viết không có hình minh họa, kém phần sinh động, môt số bài sao chép từ nguồn khác thì không có hình ảnh dẫn đến bài viết khó hiểu và gần như không thể hiểu. Vì vậy bài viết này sẽ hướng dẫn các bạn cách post hình một cách chi tiết:

1. Post hình từ máy tính của bạn:

- Đầu tiên bạn vào trang http://www.imageshack.us/
- Tại trang này, bạn nhấp nút Browse
http://farm4.static.flickr.com/3068/3057904920_907069f5c1.jpg?v=0
Hướng dẫn chèn hình vào bài viết


- Hộp thoại Choose file hiện ra, bạn dẫn đến nơi chứa file ảnh trong máy tính, chọn ảnh cần post rồi nhấp nút Open.
http://farm4.static.flickr.com/3212/3057905002_8f826ef07b.jpg?v=0
Hướng dẫn chèn hình vào bài viết


- Sau đó tại mục Resize image, bạn chọn kích thước ảnh cần post (đẹp nhất là 640x480), rồi bạn nhấp nút Post It để upload ảnh lên imageshack
http://farm4.static.flickr.com/3006/3057069331_2628deaec5.jpg?v=0
Hướng dẫn chèn hình vào bài viết


- Đợi vài giây sau khi upload xong, imageshack sẽ dẫn bạn đến trang kết quả, tại trang này bạn kéo xuống cuối trang
http://farm4.static.flickr.com/3003/3057069511_211af93989.jpg?v=0
Hướng dẫn chèn hình vào bài viết

rồi bạn copy đoạn code tại mục Hotlink for forum (1)

- Trở về bài viết của bạn, bạn dán code đó vào nơi mà bạn cần hiện ảnh trong bài viết.
- Cuối cùng bạn nhấp nút Xem trước để xem thử thành quả của mình, khi đã hài lòng, bạn nhấp nút Gửi Bài.



2. Post hình từ một trang web khác:

- Tại trang web cần lấy hình, bạn click phải vào hình đó rồi chọn Properties
http://farm4.static.flickr.com/3034/3057069795_d2680fb55b.jpg?v=0
Hướng dẫn chèn hình vào bài viết


- Bạn quét khối toàn bộ đường link tại phần Address URL (có nhiều ảnh đường link quá dài không thấy hết nên bạn phải quét khối đến cuối link) sau đó bạn copy cái link này
http://farm4.static.flickr.com/3025/3057905964_d7d5405c3e.jpg?v=0
Hướng dẫn chèn hình vào bài viết


- Trở về bài viết của bạn, bạn dán link vào nơi cần hiện ảnh, ta có link như sau:
Code:
http://imageshack.us/images/greylogo.png

- Bạn thêm mã BBCode vào đầu và cuối link, trông sẽ như thế này:
Code:
[img]http://imageshack.us/images/greylogo.png[/img]

- Cuối cùng bạn nhấp nút Xem Trước hoặc Gửi bài để xem thành quả của mình.

Chúc các bạn thành công

« Sửa lần cuối: 14 Tháng Hai, 2009, 12:52:22 PM bởi Như Ngọc »
Logged
Chữ ký của Hiếu Nguyễn
Blog chia sẻ kinh nghiệm lập trình
[†]™ConDzai™[†]
Chuẩn Không Cần Chỉnh
Quản trị viên
Thành viên kỳ cựu
*


Tài pro đã trở lại=]] sóng gió lại nổi lên =]~

Giới tính: Nam

Lớp: 12A7
Trường: N/A
Khoá: 2005-2006

Bài viết: 958
Thống kê Thanks
-Đã Thanks: 86
-Nhận được: 130
Điểm thưởng: 0

Offline Offline
nuocmatcontrai WWW Email
« Trả lời #1 vào lúc: 25 Tháng Mười Một, 2008, 01:46:46 PM »
Ngoài ra các bạn cũng có thể upload lên các trang khác như : www.photobucket.com, www.flickr.com , www.magmypic.com
hay các trang tiếng việt như : http://photo.zing.vn , http://anhso.net, http://photo.timnhanh.com , http://photo.vn

Chúc các bạn thành công. hi
Logged
Chữ ký của [†]™ConDzai™[†]
Hiếu Nguyễn
Thành viên kỳ cựu
******


Memory is empty...

Giới tính: Nam

Lớp: 12B
Trường: THPT Chơn Thành
Khoá: 2002-2005

Bài viết: 1840
Thống kê Thanks
-Đã Thanks: 639
-Nhận được: 608
Điểm thưởng: 6

Offline Offline
WWW Email
« Trả lời #2 vào lúc: 25 Tháng Mười Một, 2008, 04:45:42 PM »
Diễn đàn đã được thêm chức năng upload ảnh rất tiện lợi.

- Khi muốn post ảnh từ trong máy tính lên diễn đàn, Tại trang post bài, bạn click vào dòng chữ Các tùy chọn khác...
http://img528.imageshack.us/img528/8472/66370692.png
Hướng dẫn chèn hình vào bài viết

Bạn click nút Browse tại phần Upload ảnh nhanh
http://img528.imageshack.us/img528/5743/28986546.png
Hướng dẫn chèn hình vào bài viết

Cửa sổ Choose file hiện ra, bạn dẫn đến nơi chứa ảnh trong máy tính, chọn ảnh cần post rồi nhấp Open

- Tiếp theo bạn nhấp nút Upload để tải ảnh lên
http://img254.imageshack.us/img254/9924/42682786.png
Hướng dẫn chèn hình vào bài viết

- Một trang web khác sẽ bật lên, bạn đợi vài giây để quá trình upload hoàn tất, tại trang web mới, bạn copy đoạn link trong mục Direct link to image
http://img223.imageshack.us/img223/8545/28993196.png
Hướng dẫn chèn hình vào bài viết

- Bạn dán link vào nơi cần hiện ảnh trong bài viết, sau đó bôi đen đoạn link rồi click vào nút http://www.thptchonthanh.com.vn/diendan/Themes/greenlight_v1/images/bbc/img.gif
Hướng dẫn chèn hình vào bài viết
trên thanh công cụ post bài.
Đoạn link sẽ được bao lại bằng thẻ img
Code:
[img]http://img79.imageshack.us/img79/3549/waterliliesh.jpg[/img]

Như vậy là đã hoàn tất quá trình post ảnh, ảnh sẽ hiện ra sau khi bạn gửi bài.

Chúc các bạn thành công.
Hy vọng các bạn sẽ hài lòng với những gì mà BQT đang cố gắng thực hiện.

« Sửa lần cuối: 28 Tháng Tư, 2009, 10:44:58 PM bởi Hiếu Nguyễn. Lý do: Thay đổi nội dung »
Logged
Chữ ký của Hiếu Nguyễn
Blog chia sẻ kinh nghiệm lập trình
[†]™ConDzai™[†]
Chuẩn Không Cần Chỉnh
Quản trị viên
Thành viên kỳ cựu
*


Tài pro đã trở lại=]] sóng gió lại nổi lên =]~

Giới tính: Nam

Lớp: 12A7
Trường: N/A
Khoá: 2005-2006

Bài viết: 958
Thống kê Thanks
-Đã Thanks: 86
-Nhận được: 130
Điểm thưởng: 0

Offline Offline
nuocmatcontrai WWW Email
« Trả lời #3 vào lúc: 25 Tháng Mười Một, 2008, 06:22:37 PM »
Hay lắm, thank cho anh Hiếu 1 phát thanks
Logged
Chữ ký của [†]™ConDzai™[†]
lechung_vn
Quản trị viên
Thành viên kỳ cựu
*


Nghe vợ - Sống lâu ^^

Giới tính: Nam

Lớp: 11B
Trường: THPT Chơn Thành - Bình Phước
Khoá: 2002-2003

Bài viết: 2188
Thống kê Thanks
-Đã Thanks: 317
-Nhận được: 373
Điểm thưởng: 6

Offline Offline
lechung_vn WWW Email
« Trả lời #4 vào lúc: 08 Tháng Tư, 2009, 04:53:25 AM »
 
Mèn ơi, mấy ngày nay đâu có biết post chèn hình bằng nguồn dẫn đâu, cứ phải upload ảnh lên photobucket.com rồi mới chèn link xuống. Cám ơn sự chỉ dẫn. . . . .
Logged
Chữ ký của lechung_vn
(@^@) Ai cũng chọn việc nhẹ nhàng.....Gian khổ sẽ thuộc về phần ai!? (@^@)

                                 
Yêu Bé Ngốc
Như Ngọc
VIP Member
Thành viên kỳ cựu
*


Giới tính: Nam

Lớp: 12A6
Trường: THPT Chơn Thành
Khoá: 2005 - 2006

Bài viết: 4036
Thống kê Thanks
-Đã Thanks: 1178
-Nhận được: 449
Điểm thưởng: 4

Offline Offline
vuichat_buonchat_kovuikobuonchat WWW Email
« Trả lời #5 vào lúc: 08 Tháng Mười, 2009, 04:06:32 PM »
Gần đây Diễn đàn xuất hiện lỗi khi gửi nhiều hình, trình duyệt sẽ chạy rất lâu, có khi không gửi được hình.
Để khắc phục tình trạng này, các bạn nên dùng mã chèn hình có thêm phần kích thước của hình.

Bạn sẽ chỉnh sửa:
Code:
[img]Link hình[/img]

thành:
Code:
[img kích thước hình]Link hình[/img]

Cụ thể Kích thước hình gồm chiều rộngchiều cao, muốn biết chiều rộng và chiều cao của hình, bạn click chuột phải vào hình, chọn Properties có phần Dimensions: chiều rộng x chiều cao pixels. Đó chính là kích thước của hình, bạn điền hai số đó vào đoạn mã:
Code:
[img width=chiều rộng height=chiều cao]Link hình[/img]

Bạn nào nhìn không rõ thì xem dưới đây, mình thay dấu [] bằng dấu {}
{img width=chiều rộng height=chiều cao}Link hình{/img}

Như vậy bạn có thể yên tâm gửi hình không bị lỗi đứng máy.
Các bạn có thể xem ví dụ: tại đây, mình gửi nhiêu đó hình chưa tới 5s.

Chúc các bạn gửi hình thành công, và chia sẻ nhiều hình trên Diễn đàn.

Logged
Chữ ký của Yêu Bé Ngốc
Trang: [1]   Lên
In
Chuyển tới: