Cách chèn ảnh và video vào bài viết trong diễn đàn

Cách chèn ảnh và video vào bài viết trong diễn đàn

Bài viết chưa xemgửi bởi Cry » Thứ 3 Tháng 6 23, 2009 7:10 pm

Tất cả các bài viết hướng dẫn trong chủ đề này được copy từ rất nhiều bài viết tâm huyết của thầy Trần Ngọc Chất và được bổ sung và chỉnh sửa nhằm hướng dẫn các thành viên chèn ảnh và video vào bài viết một cách chuyên nghiệp :D

Hướng dẫn sơ bộ: Chúng ta phải đưa ảnh lên 1 trang web có chức năng lưu trữ ảnh và video, sau đó vào trang web đó lấy đoạn mã của bức ảnh, film (còn gọi là code) rồi copy vào đúng vị trí bài viết của mình.

Hướng dẫn chi tiết:
Trước hết chúng ta cần vào 1 trang web có chức năng lưu trữ ảnh và video cho bạn. Có rất nhiều trang khác nhau, nhưng thầy sử dụng qua thấy trang web sau khá nhanh, địa chỉ là: http://www.dropshots.com

Hình ảnh
Sau khi vào trang web đó sẽ có giao diện như ảnh trên, các bạn cần nghĩ ra một tên và password để đăng nhập, sau đó điền tên và địa chỉ email bạn đang sử dụng rồi nhấn nút sign-up.

Hình ảnh
Tiếp theo, nếu không bị trùng tên, các bạn sẽ nhìn thấy giao diện như ở hình trên, chúng ta click chuột vào nút select bên trái (Có thể click nút bên phải nếu bạn nào giàu có, thích đóng tiền để lưu được nhiều ảnh và phim hơn)

Hình ảnh
Sau đó hiện ra giao diện như ở trên, chúng ta click chuột vào No Thanks


Hình ảnh
Tiếp đến sẽ hiện giao diện như ảnh trên, các bạn click chuột vào liên kết "http://www.dropshots.com/tên_đăng_ký"

Hình ảnh
Sau đó các bạn click chuột vào chữ "Click HERE" để tải file cài đặt phần mềm upload ảnh và video.


Hình ảnh
Để thuận tiện cho việc đưa ảnh lên web sau này, các bạn cần tải phần mềm Dropbox về để dễ sử dụng. Phần mềm này sẽ có giao diện là 1 cửa sổ nhỏ, và công việc đưa ảnh lên mạng chỉ đơn giản là dùng chuột kéo rê file ảnh hoặc file video thả vào cửa sổ nhỏ đó. Các bạn hãy click chuột vào nút Get DropBox để tải file cài đặt phần mềm này vào máy tính.

Hình ảnh
Các bạn nhấn vào nút save để lưu file cài đặt phần mềm

Hình ảnh
Sau đó chọn một folder nào đó để lưu file này và nhấn vào nút save

Hình ảnh
Sau khi đợi download xong, các bạn tìm đúng folder vừa lưu file cài đặt và mở nó để cài đặt, ấn nút Next liên tục cho tới khi hiện giao diện như ở dưới.
Hình ảnh
Các bạn cần nhập tên mà bạn đã đăng ký và password rồi nhấn nút Update để hoàn tất việc cài đặt. Phần mềm cài dặt xong có giao diện như ảnh dưới.
Hình ảnh


Sau khi đã cài xong phần mềm DropBox, từ những lần sau muốn đưa ảnh lên web các bạn chỉ cần mở phần mềm DropBox bằng cách vào Start/All programs/DropBox. Sau đó mở folder chứa ảnh trong máy tính của bạn rồi dùng chuột kéo rê các file thả vào cửa sổ DropBox như ảnh sau.
Hình ảnh
Sau khi phần mềm báo thành công, các bạn Click chuột vào liên kết có trong cửa sổ DropBox "http://www.dropshots.com/tên_đăng_ký", các bạn sẽ thấy ảnh và fim của mình đã được đưa lên trang web đó giống như ảnh dưới.
Hình ảnh

Để đưa ảnh hay film nào vào diễn đàn, các bạn click đúp vào ảnh đại diện thu nhỏ trong trang web đó, ảnh đó được phóng to lên, sau đó các bạn click chuột vào chữ "blog" ở dưới phía phải của ảnh giống như hình sau:
Hình ảnh
Sau khi click chuột vào "blog", có một cửa sổ thông báo mã của ảnh (còn hay gọi là code) hiện ra như ảnh dưới:
Hình ảnh
Các bạn click chuột vào ô ngay dưới dòng “Forum/Bulletin Broad code” để copy code.
(Trích ngang một chút: dòng code ở ô bên trên dùng để chèn vào code HTML của bài viết trong blog cá nhân của bạn, như vậy bạn có thể đưa ảnh hoặc video vào blog của mình theo cách này)

Việc cuối cùng là các bạn mở diễn đàn ra và paste code đó vào chỗ soạn văn bản của bài viết trong diễn đàn.

Ví dụ
một đoạn code của ảnh trong bài hướng dẫn này:
Mã: Chọn tất cả
[url=http://www.dropshots.com/thuchanhtinhoc#date/2008-09-23/22:00:59][img]http://media3.dropshots.com/photos/534784/20080923/220059.jpg[/img][/url]

Mã này sẽ cho ảnh có liên kết sang DropShots như ảnh hiện thị sau:
Hình ảnh

Các bạn có thể xóa 1 thẻ đầu và 1 thẻ cuối cho gọn cũng được, trở thành:
Mã: Chọn tất cả
[img]http://media3.dropshots.com/photos/534784/20080923/220059.jpg[/img]

Mã này sẽ cho ảnh hiển thị bình thường.
Hình ảnh


Lưu ý: Khi đưa code đoạn video copy từ DropShot vào diễn đàn mà không chỉnh sửa gì thì khi chúng ta gửi bài lên sẽ không xem trực tiếp, mà nó chỉ hiện ảnh đại diện của video đó, người khác muốn xem video phải click chuột vào để mở trang web Dropshots ra xem. Tuy nhiên các bạn có thể cho phép xem trực tiếp trong bài viết của bạn bằng cách sửa code như sau:
Code nguyên bản có dạng:
Mã: Chọn tất cả
[url=http://www.dropshots.com/thuchanhtinhoc#date/2008-09-08/00:31:20][img]http://media3.dropshots.com/photos/534784/20080908/003120.jpg[/img][/url]

Code này sẽ cho hiển thị như sau
Hình ảnh

Để có thể xem phim ngay trong diễn đàn các bạn phải làm theo các bước sau:

Trước hết các bạn copy dòng code HTML của đoạn phim vào bài viết của bạn (dòng code mà đáng ra nên đưa vào code HTML của blog như đã nói ở mục trên) code này có dạng:
Mã: Chọn tất cả
<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="425" height="381"><param name="movie" value="http://www.dropshots.com/dropshots.swf?p=1&u=http://media3.dropshots.com/photos/534784/20080908/003120.flv&l=http://www.dropshots.com/thuchanhtinhoc#date/2008-09-08/00:31:20&d=1" /><param name="wmode" value="transparent" /><param name="allowfullscreen" value="true" /><param name="allowScriptAccess" value="sameDomain" /><embed src="http://www.dropshots.com/dropshots.swf?p=1&u=http://media3.dropshots.com/photos/534784/20080908/003120.flv&l=http://www.dropshots.com/thuchanhtinhoc#date/2008-09-08/00:31:20&d=1" wmode="transparent" allowfullscreen="true" allowscriptaccess="sameDomain" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="425" height="381"></embed></object><br /><span style="font-family:arial; font-size:8pt;"><a href="http://www.dropshots.com/">Photo Sharing</a> - <a href="http://www.dropshots.com/">Video Sharing</a> - <a href="http://www.qualityphotoprints.com/">Photo Printing</a> - <a href="http://www.qualityphotoprints.com/">Photo Books</a></span></center><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMjIyMzc3MzM1OTMmcHQ9MTIyMjIzNzc*NDUzMSZwPTEyNTIxJmQ9Jm49Jmc9MSZ*PSZvPWFkYWJmNDkzZTc2NTRjNTFiYzNkYTdiOWIzOTQ5NzM5.gif" />


Sau đó các bạn giữ lại địa chỉ của phim thôi, còn các mã khác xóa hết. Địa chỉ này có thể nhận ra là toàn bộ ký tự nằm giữa 2 dấu ngoặc kép ngay sau ký tự "src=...". Trong dòng code ở trên các bạn có thể thấy địa chỉ đó là: "http://www.dropshots.com/dropshots.swf?p=1&u=http://media3.dropshots.com/photos/534784/20080908/003120.flv&l=http://www.dropshots.com/thuchanhtinhoc#date/2008-09-08/00:31:20&d=1"

Cuối cùng, các bạn chỉ cần thêm thẻ web vào địa chỉ này bằng cách ghõ thêm các ký tự từ bàn phím chèn vào trước và sau địa chỉ "http://www.dropshots.com/dropshots.swf?p=1&u=http://media3.dropshots.com/photos/534784/20080908/003120.flv&l=http://www.dropshots.com/thuchanhtinhoc#date/2008-09-08/00:31:20&d=1" để được code dạng sau:
Mã: Chọn tất cả
[web]http://www.dropshots.com/dropshots.swf?p=1&u=http://media3.dropshots.com/photos/534784/20080908/003120.flv&l=http://www.dropshots.com/thuchanhtinhoc#date/2008-09-08/00:31:20&d=1[/web]

Code này cho hiển thị thành


Các bạn dùng trang web http://www.dropshots.com có ưu điểm là nhanh hơn http://www.youtube.com/http://photobucket.com/ (chắc tại ít người dùng nó nên nó nhanh), nhưng nhược điểm là các video đưa lên chỉ được phép ngắn dưới 2 phút. Vậy các bạn lưu ý khí đưa video lên mạng.


Nếu đọc hết hướng dẫn trên, các bạn vẫn chưa làm được thì có thể xem thêm phim hướng dẫn sau:

Phim hướng dẫn cách cài đặt phần mềm DropBox để gửi ảnh và phim. Chú ý khi cài đặt phần mềm chỉ cần cài 1 lần.

phim hướng dẫn cách đưa ảnh và video vào bài viết

Để tải các video theo các liên kết trên các bạn làm như sau: Nhấn và giữ phím "Shift" trên bàn phím và click chuột vào liên kết có gạch chân. Sau đó, một trang web như hình dưới đây sẽ được mở ra:

Hình ảnh

Các bạn tìm chữ [/color]"Click to download"[/size] và click chuột vào.


Sau đó, một cửa sổ download file sẽ hiễn ra như hình dưới:

Hình ảnh

Các bạn nhấn vào nút save để lưu file phim này vào một chỗ nào đó. Sau khi download xong, các bạn có thể mở phim để xem.


Ngoài ra, trong hướng dẫn sử dụng Dropshots, bên cạnh việc dùng thẻ phim wmv, ta có thể dùng thẻ web để video hiện thị có kích thước lớn hơn.

Các bạn có thể so sánh 2 cách hiển thị ở dưới để thấy vì sao ta nên dùng thẻ web trong trường hợp này:

1. Dùng thẻ wmv
Mã: Chọn tất cả
[wmv]http://www.dropshots.com/dropshots.swf?p=1&u=http://media3.dropshots.com/photos/534784/20080908/003120.flv&l=http://www.dropshots.com/thuchanhtinhoc#date/2008-09-08/00:31:20&d=1[/wmv]

Code trên cho hiển thị như sau


2 Dùng thẻ web
Mã: Chọn tất cả
[web]http://www.dropshots.com/dropshots.swf?p=1&u=http://media3.dropshots.com/photos/534784/20080908/003120.flv&l=http://www.dropshots.com/thuchanhtinhoc#date/2008-09-08/00:31:20&d=1[/web]


Code trên cho hiển thị thành:
Mục đính của cuộc sống là không ngừng vươn lên !
Hình đại diện của thành viên
Cry
Physics Teacher
Physics Teacher
 
Bài viết: 553
Ngày tham gia: Chủ nhật Tháng 9 14, 2008 12:18 pm
Đến từ: A-K55 Khoa Vật lý

Cách chèn video vào bài viết sử dụng PHOTOBUCKET

Bài viết chưa xemgửi bởi Cry » Thứ 3 Tháng 6 23, 2009 7:14 pm

Những bạn nào đã biết cách chèn video vào bài viết thông qua trang web Dropshots và youtube thì không cần đọc bài viết này


Cách chèn video vào bài viết nhờ trang web photobucket

Các bạn truy cập vào trang web: http://photobucket.com trang web này có giao diện như ảnh dưới.

Hình ảnh

Các bạn click chuột vào “Join Now”.
Nếu tên bạn đăng kí không trùng thì một trang web khác hiện ra như ảnh dưới, bạn cần tự nghĩ ra một tên đăng nhập để điền vào box đầu tiên, bạn gõ một mật mã đăng nhập vào box thứ 2 và gõ lại mật mã vào box thứ 3.

Hình ảnh

Sau đó click chuột vào “Next step”
Một trang khác hiện ra, bạn cần điền họ, tên, địa chỉ email, giới tính, ngày sinh, mã quốc gia “084” và gõ lại xâu kí tự ngẫu nhiên như ảnh dưới:

Hình ảnh

Các bạn click chuột vào “I accept. Sign me up!”
Một trang khác hiện ra như ảnh dưới báo hiệu bạn đăng ký thành công. Lần sau khi cần đưa video lên, các bạn không cần phải đăng ký lại mà chỉ cần truy nhập vào trang photobucket.com và click chuột vào sign in là sẽ có hiển thị như ảnh dưới:

Hình ảnh

Các bạn cài đặt video có kích thước phù hợp với diễn đàn bằng cách click chuột vào mũi tên nhỏ hướng xuống dưới gần chữ “more options”, các bạn chọn lại độ phân giải 640x480 như ảnh dưới:

Hình ảnh

Để đưa video lên các bạn click chuột vào “choose files”
Sau đó một cửa sổ hiện ra yêu cầu các bạn chọn file cần đưa lên rồi ấn open. Quá trình upload sẽ được diễn ra như ảnh dưới:

Hình ảnh

Sau khi đã upload thành công các bạn sẽ có 1 hình đại diện video như ảnh dưới.

Hình ảnh

Các bạn cần click chuột vào box bên cạnh chữ “HTML code” để copy code này.


Sau đó các bạn quay về bài bạn đang viết trong diễn đàn và paste code đó vào chỗ soạn thảo văn bản của bài viết như ảnh dưới:

Hình ảnh

Trong code vừa được dán vào, các bạn xóa bớt các ký tự, chỉ giữ lại ký tự từ chỗ “http://” đến hết ký tự “.flv” như ảnh dưới:

Hình ảnh

Sau đó gõ từ bàn phím thêm các thẻ [ w e b ] vào đầu mã đó và thẻ [ / w e b ] vào cuối mã đó. Dạng mã như ảnh dưới.

Hình ảnh

Cuối cùng các bạn nhấn nút “Chấp nhận” để đăng bài. Video sẽ hiển thị như dạng dưới đây.



Mục đính của cuộc sống là không ngừng vươn lên !
Hình đại diện của thành viên
Cry
Physics Teacher
Physics Teacher
 
Bài viết: 553
Ngày tham gia: Chủ nhật Tháng 9 14, 2008 12:18 pm
Đến từ: A-K55 Khoa Vật lý

Dùng Flickr.com để chèn ảnh có kích thước lớn vào bài viết

Bài viết chưa xemgửi bởi Cry » Thứ 3 Tháng 6 23, 2009 7:21 pm

Cách chèn ảnh lớn vào bài viết trong diễn đàn


các bạn dùng trang web: http://www.flickr.com. Giao diện trang web đó như ảnh dưới.

Hình ảnh

Các bạn click chuột vào nút “Sign In”
Một trang web khác hiện ra như ảnh dưới. Các bạn gõ đĩa chỉ yahoo của các bạn và mật mã vào 2 box như ảnh:

Hình ảnh

Sau đó click chuột vào nút “Sign In”
Một trang web khác hiện ra, các bạn click chuột vào nút Create A New Account


Sau đó có một trang web khác hiện ra.

Hình ảnh



Hình ảnh

Các bạn tìm trong trang đó chữ “Upload” và click chuột vào.
Một trang web khác có giao diện như hình dưới.

Hình ảnh

Các bạn click chuột vào “choose file” sau đó chọn file ảnh cần đưa lên và nhấn nút “open”. Một giao diện khác hiện ra, một phần của nó như ảnh dưới:

Hình ảnh

Các bạn tìm nút “Upload Photos” và click chuột vào. Sau một khoảng thời gian ảnh sẽ được đưa lên web. Khi quá trình upload ảnh thành công sẽ có một giao diện khác hiện ra.

Hình ảnh

Các bạn click chuột vào chữ “Add a description”
Một giao diện có ảnh đại diện của bạn vừa gửi lên được hiện ra như ảnh dưới:

Hình ảnh

Các bạn click chuột vào ảnh đó.
Một giao diện khác hiện lên:

Hình ảnh

Các bạn click chuột vào nút “All Size”
Một giao diện khác có địa chỉ ảnh hiện lên.

Hình ảnh

Các bạn click chuột vào địa chỉ ảnh này và copy nó.


Vào lại bài viết trong diễn đàn, paste địa chỉ ảnh này vào bài, giao diện sẽ dạng như ảnh dưới.

Hình ảnh

Các bạn gõ từ bàn phím thêm 2 thẻ [ i m g ] vào đầu địa chỉ và [ / i m g ] vào cuối địa chỉ đó. Giao diện sẽ trông như anh dưới:

Hình ảnh

Cuối cùng các bạn nhấn vào nút “chấp nhận”, ảnh sẽ hiển thị lên trong bài đăng.


Nếu các em vẫn không làm theo được thì dưới đây thầy cung cấp cho các em đoạn phim hướng dẫn chi tiết hơn bên trên. Các bạn chỉ cần tải phim về và làm theo các bước trong phim là ok.

click chuột vào đây đê tải phim hướng dẫn cách cho ảnh vào diễn đàn
Mục đính của cuộc sống là không ngừng vươn lên !
Hình đại diện của thành viên
Cry
Physics Teacher
Physics Teacher
 
Bài viết: 553
Ngày tham gia: Chủ nhật Tháng 9 14, 2008 12:18 pm
Đến từ: A-K55 Khoa Vật lý


Quay về Hướng dẫn sử dụng diễn đàn

Ai đang trực tuyến?

Đang xem chuyên mục này: Không có thành viên nào đang trực tuyến1 khách

cron