Hướng dẫn cách tạo, định dạng, chèn ảnh, youtube, đính kèm file vào bài viết

Hướng dẫn cách tạo, định dạng, chèn ảnh, youtube, đính kèm file vào bài viết

Nhận được sự uỷ thác từ BQT diễn đàn http://CNCProVN.com
CKD xin làm bài viết hướng dẫn tạo & định dạng bài viết cũng như chèn hình ảnh, video clip hoặc đính kèm file vào bài viết với nhiều cách khác nhau.

Mục đích của việc định dạng, chèn hình ảnh, video clip v.v... vào bài viết là làm cho bài viết trực quan hơn, sinh động hơn. Đồng thời cũng giúp các bạn tham gia có thể chia sẻ hình ảnh, video clip mà mình thấy hay.


Đầu tiên là tạo bài viết.
Để tạo bài viết, chủ đề mới.

Các bạn có thể tìm phía trái diễn đàn tìm nút
Đính kèm 18883
Nếu không thấy thì có thể dùng thanh cuộn kéo lên xuống để tìm. Click vào đấy để tạo bài viết, chủ đề mới.
Khung soạn thảo chủ đề mới sẽ được trình bày sau

Để trả lời bài viết.

Tuỳ theo cấp thành viên mà các bạn có thể thấy khung soạn thảo trả lời nhanh (sẽ trình bày sau), hoặc chỉ thấy nút
Đính kèm 18885

Nếu thấy khung soạn thảo trả lời nhanh thì các bạn có thể gõ nội dung trả lời trực tiếp vào khung.
Nếu không thấy khung trả lời nhanh mà chỉ thấy nút như trên. Click vào nút để hiển thị khung soạn thảo.

Khung Trả lời nhanh như bên dưới
Đính kèm 18887

Để lưu bài viết các bạn Click vào nút
Đính kèm 18889

Lưu ý:
Khi duyệt diễn đàn trên thiết bị di động (mobi). Diễn đàn sẽ tự động hiển thị theo định dạng trang Mobi (đơn giản và ít chiếm tài nguyên hơn, giúp thiết bị load nhanh hơn. Nhưng đồng nghĩa với việc này thì mọi thứ đều được giản lược. Và bài viết chỉ chấp nhận text & BB code. Các thao tác định dạng không được hổ trợ.
Muốn duyệt diễn đàn một cách đầy đủ (như xem trên PC) cũng như viết bài mới trực quan hơn các bạn xuống cuối trang và chọn Xem trên PC

Khung soạn thảo đầy đủ
Khung soạn thảo này có thể gặp khi tạo chủ đề mới hoặc khi chọn Đến bản đầy đủ
Đính kèm 18890

Trong khung xoạn thảo này ta thấy các nội dung
- Tiêu đề nơi nhập tiêu đề bài viết.
- Bên dưới là các công cụ định dạng bài viết, cách sử dụng để định dạng bài viết gần giống microsoft Word.
- Bên dưới là khung soạn thảo, dùng để viết nội dung bài viết.
- Bên phải là các biểu tượng mặt cười để chèn vào bài viết.
- Bên dưới là các biểu tượng mặt cười để chèn vào đầu tiêu đề.
- Nút thao tác Gửi chủ đề mới (hoặc lưu lại v.v.. tuỳ trường hợp cụ thể) để lưu và gởi bài mới.
- Nút thao tác Xem lại bài viết để hiển thị bài viết sau khi lưu. Dùng để kiểm tra trước khi gởi.

Định dạng bài viết... gồm có nhiều biểu tượng khác nhau (gần giống Word). Các bạn rê chuột trên các biểu tượng sẽ có tooltip chú thích.
Cách sử dụng là tô đen nội dung cần định dạng, sau đó chọn kiểu định dạng. Kết thúc là phần nội dung sẽ được chèn thêm code ở trước và sau. Để xem hiệu ứng thật các bạn click vào biểu tượng A/A hoặc Xem lại bài viết.

Phần này các bạn nên trải nghiệm để hiểu rỏ hơn. Lưu ý là Xem lại bài viết và Huỷ bỏ nến không muốn lưu lại nội dung nhé. Kẻo bị xem là spam thì khổ.

Quan trọng là việc đính kèm các nội dung từ nguồn khác vào bài viết.

Chèn liên kết. Đính kèm 18897
Rất đơn giản, các bạn chỉ cần copy/past liên kết vào bài viết. Việc còn lại diễn đàn sẽ tự xử lý khi các bạn lưu bài viết.

Chèn video từ youtube. Đính kèm 18898
Các bạn click vào biểu tượng trên.
Copy link youtube như https://www.youtube.com/watch?v=g5E3G4oqgXM (link youtube trên desktop, link youtube mobi không tương thích) và past vào ô nội dung trên đó.
Đính kèm 18896

Xong Đồng ý hoặc Huỷ bỏ

Lưu ý:
Phần tô đen trên link youtube là rất quan trọng. Vì chỉ có link youtube trên desktop mới có định dạng như thế. Link youtube từ thiết bị di động mình sẽ hướng dẫn cách chèn theo phương pháp dùng BBcode như bên dưới.

- Link youtube trên Mobi https://youtu.be/g5E3G4oqgXM
- Link youtube trên PC https://www.youtube.com/watch?v=g5E3G4oqgXM
Các bạn thấy điểm chung là g5E3G4oqgXM. Đây chính là mã địa chỉ riêng, xác định đúng clip mà bạn muốn chèn

Bạn gỏ trực tiếp vào khung soạn thảo nội dung sau (mã địa chỉ riêng là phần tô đậm ở trên)
Đính kèm 18903

Cụ chỉ em cách chèn file pdf với, em mò mãi chưa ra, thanks cụ

Trước đây chèn link https không được, đổi lại http thì được. Cũng chả hiểu tại sao :cool:

Chèn hình ảnh. Đính kèm 18904 Có nhiều cách.

Chác chèn hình ảnh trực tiếp vào bài viết diễn đàn

Với cách này, hình ảnh sẽ được xem là file đính kèm và được upload trực tiếp lên cơ sở dữ liệu của diễn đàn. Do dó dung lượng & kích thước phải phù hợp với các quy định từ diễn đàn.

Cách thực hiện. Click vào biểu tượng như trên.
Đính kèm 18906

Chọn Chọn file tải lên. Của sổ chọn file sẽ hiện thị. Click chọn hình ảnh cần tải, có thể kết hợp Ctrl hoặc Shift để chọn nhiều file cùng lúc. Chọn Open.

Đính kèm 18908

Chọn Tải lên

Khi đó trong khung soạn thảo sẽ được chèn mã BBcode
VD: [ATTACH.....ATTACH] hoặc [ATTACH.....ATTACH][ATTACH.....ATTACH]...

Để hiện thị hình ảnh được đẹp mắt hơn ta nên xuống cách dòng sau mỗi lệnh chèn.
VD:
[ATTACH.....ATTACH]

[ATTACH.....ATTACH]

Chèn ảnh gián tiếp từ URL vào bài viết diễn đàn dùng công cụ.

Chèn ảnh gián tiếp từ URL là ảnh được trích nguồn từ trang khác, từ photobucket, từ flickr v.v....
Cách thực hiện.

Copy link ảnh VD: http://i92.photobucket.com/albums/l2...C/DSCF2647.jpg

Đây được gọi là link trực tiếp (direct), kết thúc link là định dạng ảnh (ở VD trên là .jpg)

Click vào biểu tượng như trên. Và chọn thẻ Từ URL
Đính kèm 18912

Đồng ý hoặc Huỷ bỏ

Chèn ảnh gián tiếp từ URL vào bài viết diễn đàn dùng BBCode.

Cách này dùng trực tiếp BBCode, không cần phải click phiền hà. Và nhất là có thể chèn ảnh trong giao diện Mobi

Cách thực hiện. Sử dụng thẻ [IMG...../IMG] xem bên dưới
Đính kèm 18913

Với liên kết đến hình ảnh là đường link ảnh như ví dụ trên.
http://i92.photobucket.com/albums/l2...C/DSCF2647.jpg

Đính kèm 18914

Vậy là xong

VD:
http://i92.photobucket.com/albums/l2...C/DSCF2647.jpg

Cách lấy link ảnh từ photbucket

Các bác tìm bên phía phải sẽ thấy như phần dưới (có thể giống vậy hoặc gần giống vậy).
Đính kèm 18915

Trong đó ta lưu ý mục 2 & 4. Chỉ cần click chuột vào ô tương ứng, nội dung liên kết đến hình ảnh sẽ tự động được copy. Có 2 cách

Cách 1. Dùng với mục 2 (Direct) hay đường link trực tiếp đến hình ảnh. Ta thao tác như cách chèn ảnh gián tiếp từ URL

Cách 2. Dùng với mục 4 (IMG) hay code BBCode chèn ảnh. Ta copy và past trực tiếp và khung soạn thảo bài viết. Tránh trường hợp thao tác như cách chèn ảnh gián tiếp từ URL dùng công cụ có thể khiến cho bộ lọc hiểu nhầm là Spam.

Lưu ý:
Gần đây thấy các bạn bảo bị chặn bài viết khi chèn ảnh. Rất có thể các bạn đã sử dụng sai cách. Dùng cách 2 nhưng lại thao tác như cách chèn ảnh gián tiếp từ URL.

Cách lấy link ảnh từ flickr

Các bạn tìm bên xung quanh ảnh sẽ thấy mục Share Photo Đính kèm 18916, click vào đấy.
Đính kèm 18917

Chọn thể BBCode.
Tô đen & copy link sau đó past trực tiếp và khung soạn thảo bài viết. Tránh trường hợp thao tác như cách chèn ảnh gián tiếp từ URL có thể khiến cho bộ lọc hiểu nhầm là Spam.

Lưu ý:
Không như photobucket, chúng ta cần phải chọn hết & copy.
Gần đây thấy các bạn bảo bị chặn bài viết khi chèn ảnh. Rất có thể các bạn đã sử dụng sai cách. Thao tác như cách chèn ảnh gián tiếp từ URL dùng công cụ.

VD:
https://farm3.staticflickr.com/2799/...3f81a07f_b.jpg
20140307-DSC_0625 by Pham Duy Anh, on Flickr

Bác D.Anh cho em hỏi:

Khi mình tạo chủ đề và đăng bài xong, hôm sau muốn chỉnh lại cái tên chủ đề đó thì làm cách nào?

Ví dụ hôm trước e đặt cái tên chủ đề là "ABC" hôm sau em muốn đổi lại cái tên chủ đề đó thành "CBA" thì chỉnh bằng cách nào ah, mò hoài trên giao diện của diễn đàn mà vẫn ko biết cách?

Cảm ơn!

Edit rồi Advance Edit thì được hay sao ấy. Bác thử xem sao nhé :D

Trích dẫn:

---

Gửi bởi CKD

Edit rồi Advance Edit thì được hay sao ấy. Bác thử xem sao nhé :D

---

Nó chỉ sửa bên trong thôi ah, còn cái tiêu đề gốc nó vẫn "u như kỹ" ah. Hic

Cụ sửa cho khoanh đỏ ấy

Đính kèm 46157

Trích dẫn:

---

Gửi bởi CKD

Cụ sửa cho khoanh đỏ ấy

Đính kèm 46157

---

Cái chỗ đó em cũng có sửa rồi nhưng nó vẫn ko đổi cái tiêu đề gốc bác ah, nó chỉ sửa tiêu đề trong nội dung bài thôi. Tiêu đề hiển thị trên danh sách tiềm kiếm vẫn như ban đầu ah. Hic

Cái đó nó liên quan đến link diễn đàn, nên chỉ có MOD mới làm được :)

Trích dẫn:

---

Gửi bởi CKD

Cái đó nó liên quan đến link diễn đàn, nên chỉ có MOD mới làm được :)

---

Ẹc, vậy chịu thôi. Thank bác nhé!

Các bác cho hỏi, bao nhiêu "bài viết" và "lời cảm ơn" thì lên từng cấp độ vậy ạ? em xin cảm ơn

Bác muốn đủ chuẩn viết bài mua bán thì cứ đọc Nội quy mua bán là có nhé.

Rarely uzh wyjn forum cncprovn com cad ht cardioplegia phototherapy; enzymes, fbwhatsapquotes com/cialis-20-mg/ cialis 20 mg price christmastreesnearme net/item/amoxicillin/ amoxil from india uniquecustomfurniture com/item/cheap-levitra/ buy levitra charlotteelliottinc com/retin-a/ retin a stockprofitpros com/item/prednisone-20-mg/ buy prednisone online impactdriverexpert com/product/cheap-viagra/ viagra without prescription homeairconditioningoutlet com/plaquenil/ purchase plaquenil without a prescription reubendangoor com/product/kamagra-jelly/ kamagra jelly sobrietycelebrations com/generic-cialis-at-walmart/ cialis davincipictures com/drug/azilup/ generic azilup in canada gunde1resim com/levitra-20-mg-price/ levitra coupon homeairconditioningoutlet com/zithromax/ buy zithromax impaction perforations <a href="fbwhatsapquotes com/cialis-20-mg/">de cialis</a> <a href="christmastreesnearme net/item/amoxicillin/">amoxicillin</a> <a href="uniquecustomfurniture com/item/cheap-levitra/">levitra pills canada</a> <a href="charlotteelliottinc com/retin-a/">tretinoin cream 0 05</a> <a href="stockprofitpros com/item/prednisone-20-mg/">prednisone 20 mg</a> <a href="impactdriverexpert com/product/cheap-viagra/">viagra canada</a> <a href="homeairconditioningoutlet com/plaquenil/">plaquenil</a> <a href="reubendangoor com/product/kamagra-jelly/">kamagra gel</a> <a href="sobrietycelebrations com/generic-cialis-at-walmart/">cialis price</a> <a href="davincipictures com/drug/azilup/">azilup</a> <a href="gunde1resim com/levitra-20-mg-price/">buy levitra</a> <a href="homeairconditioningoutlet com/zithromax/">where to buy zithromax</a> management; white investigative fbwhatsapquotes com/cialis-20-mg/ cialis online christmastreesnearme net/item/amoxicillin/ amoxicillin 500mg amoxicillin uniquecustomfurniture com/item/cheap-levitra/ levitra online cheap levitra charlotteelliottinc com/retin-a/ retin a cream stockprofitpros com/item/prednisone-20-mg/ prednisone 20 mg impactdriverexpert com/product/cheap-viagra/ viagra canada cheap generic viagra homeairconditioningoutlet com/plaquenil/ plaquenil reubendangoor com/product/kamagra-jelly/ kamagra jelly sobrietycelebrations com/generic-cialis-at-walmart/ canadian pharmacy cialis 20mg canadian pharmacy cialis 20mg davincipictures com/drug/azilup/ generic azilup in canada gunde1resim com/levitra-20-mg-price/ buy levitra homeairconditioningoutlet com/zithromax/ azithromycin enlightening midline star this