Cách chèn ảnh vào blog entry Y!360


Có một vài người viết thư hỏi tôi cách chèn nhiều ảnh vào trong blog entry như thế nào, sẵn đây tôi viết bài viết này để trả lời vậy nhé.
chenhinh 1- Như ta đã biết, để đưa ảnh vào trong bài viết, Y360 chỉ cho ta đưa 1 ảnh vào đầu bài viết thôi, ảnh phải thuộc dạng JPG, kích cỡ ảnh có lớn thế nào đi nữa thì Y360 cũng resize và nén lại thành chiều rộng là 333 px mà thôi. Muốn ảnh đẹp và đừng bị méo, bạn nên dùng Photoshop resize trước thành 1 ảnh có chiều rộng là 333 px rồi mới đưa vào thì hy vọng chất lượng ảnh sẽ tốt hơn đôi chút.
2- Cách thứ hai là đưa nhiều ảnh vào ngay bên trong bài viết, nó có thể có nhiều định dạng khác nhau như BMP, GIF, PNG chứ không riêng gì JPG thôi đâu. Chúng ta biết rằng, khi ta có 1 account của Yahoo thì ta cũng có thể dùng account này để đăng ký một chỗ trên Flickr.com, Flickr cũng của Yahoo luôn cho nên nó tương tác với nhau, dùng ngay nick và Pw của Y360 để sign up và sign in trong Flickr, bạn sẽ có một nơi lưu trữ ảnh miễn phí với chất lượng ảnh rất cao mà không sợ bị nén.
Vậy thì trước hết, bạn nên sign up hoặc sign in vào Flickr rồi upload những ảnh cần dùng lên server đó đi, bạn cũng có thể share qua blog bằng cách vào Yahoo Photos rồi share qua thành Photostream nằm ngay trên blog, mỗi lần muốn dùng hoặc xem cho dễ dàng hơn.
Khi muốn chèn ảnh vào bài viết, cách đơn giản nhất là bạn mở Photostream (nó là Flickr đấy) ra, click vào ảnh muốn chèn, click vào All sizes, click chọn một kiểu kích thước ảnh là Thumbnail, Small, Medium, Large tùy ý bạn, ảnh sẽ được preview ngay phía dưới để bạn biết kích cỡ thực tế. Click nút phải chuột vào tấm ảnh phía dưới – Click Copy.
Bạn mở bài viết ra, đưa con trỏ chuột vào nơi cần chèn ảnh vào, nhấn Ctrl+V thì ảnh sẽ được chèn vào ngay. Nên nhớ là phải dùng nguồn từ server trên mạng như của Flickr chẳng hạn, chứ đừng thấy vậy mà lấy ảnh trong máy tính mình ra thì không được đâu nhé!
Bạn cũng có thể dùng những nguồn lưu trữ ảnh khác trên server như Photobucket, Pbase, Slide, Googlepages… chẳng hạn. Xin lưu ý là nếu ảnh đã được preview thì bạn mới có thể click nút phải chuột chọn Copy và sau đó Paste hình vào blog entry (không phải Copy shortcut đâu nhé), còn nếu nó chỉ đưa cho bạn đường dẫn lưu ảnh của bạn (path) là
<img src=”http://photogido.changhan.com/hinhanh.jpg”>
hoặc chỉ đơn giản là
http://photogido.changhan.com/hinhanh.jpg
thì bạn cần phải làm theo cách sau:
- Chọn và nhấn Ctrl+C để copy đường dẫn
http://photogido.changhan.com/hinhanh.jpg
- Mở blog entry ra, nhấn View HTML Source, đưa con trỏ chuột vào nơi cần chèn ảnh, nhấn Ctrl+V để paste đường dẫn hình ảnh vào. Nếu có cái tag <img src=”"> rồi thì thôi, còn nếu chưa thì bạn cần phải gõ thêm vào sao cho nó có dạng như
<img src=”http://photogido.changhan.com/hinhanh.jpg”> là được.
- Nhấn View HTML Source trở lại để quay về blog entry xem thử.
- Nếu vừa ý thì bạn hãy Post entry tùy ý.
Bạn cũng có thể mở View HTML Source ra để viết thêm các chức năng khác của ảnh cho chuyên nghiệp hơn trong tag <img> như align=left (hoặc right, center tùy ý) để canh lề trái phải, alt=”chú thích ảnh khi move chuột vào”, border=”" đường viền ảnh tính bằng pixel, hspace=”" cách lề ảnh theo chiều ngang, vspace=”" cách lề ảnh theo chiều dọc hoặc <a href=”"> để link tới một trang khác chẳng hạn.
Nói chung là cái anh chàng Y360 này cho phép ta tùy biến nhiều thứ lắm đấy. Chúc bạn thành công.

<p class="postmetadata alt"> <small> Bài viết này được gởi vào ngày Tuesday, October 28th, 2008, 6:27 pm và được ghi trong chuyên mục <a href="http://www.hunglan.com/?cat=3" title="View all posts in Thiết Kế" rel="category">Thiết Kế</a>. Bạn có thể theo dõi bất cứ lời bình nào của bài viết này thông qua <a href='http://www.hunglan.com/?feed=rss2&#038;p=91'>RSS 2.0</a>. Cả việc ghi lời bình và Pings hiện đã bị khóa. </small> </p>
  1. #1 by dieu hien - November 29th, 2008 at 23:20

    cam on HungLanDesign nha. I’ve got it!

  2. #2 by lucbinh - December 14th, 2008 at 00:44

    Bác ui cho em hỏi tí.
    em chèn hình vào blog được, nhưng ko làm được như bác là hình lồng vào trong những dòng chữ hoặc nàm ngang nhau. Em làm như bác hướng dẫn, mà sao hình ở trên hoặc ở dưới bài viết, không kéo chữ lên được???

  3. #3 by Chủ nhiệm - December 14th, 2008 at 14:16

    Muốn canh hình nằm bên trái hoặc bên phải đoạn văn, sau khi mở edit entry, bạn cần phải mở thẻ HTML code ra, tìm đến dòng <img …> đó là hình của bạn đấy, bạn chèn align=”left” hoặc align=”right” vào sau chữ img trong thẻ <img …> đó, nhớ là nhấn phím cách hở ra chứ không viết liền nhau là được. Muốn hình hở ra một khoảng so với chữ, bạn chèn vào thêm hspace=”5″ vào trong thẻ <img …> đó chẳng hạn.
    Thí dụ như đây là một hình có tên là chandung.jpg được chèn bên trái, không có đường viền và có cách chữ là 5 pixel, nó sẽ có dòng lệnh sau:
    <img src=”http://www.noibanluuanh.com/chandung.jpg” align=”left” hspace=”5″ border=”0″ />
    Nói chung, bạn muốn thao tác cho chuyên nghiệp hơn một tí thì bạn cần phải học thêm về CSS Cascade Style Sheet sẽ có nhiều tính năng cao cấp hơn.

  4. #4 by tinnguyen - December 16th, 2008 at 12:54

    làm sao mà em viết đoạn mã chèn hình đúng như anh mà không được .Nó chỉ hiện lên 1 kí hiệu lạ

  5. #5 by monkey - December 16th, 2008 at 17:43

    thank!bai viet cua ban giup minh nhieu lam !

  6. #6 by Chủ nhiệm - December 16th, 2008 at 19:33

    @tinnguyen: Làm sao viết đúng như tôi được? Bạn phải kê đường dẫn hình của bạn chính xác chứ! Cái dòng src=”http://www.noibanluuanh.com/chandung.jpg” là tôi thí dụ thôi mà!

  7. #7 by nguyễn thị thanh vân - December 19th, 2008 at 20:58

    làm thế nào để cho ảnh của mình vào blog?

  8. #8 by Le Tran Tien Minh - January 15th, 2009 at 15:37

    Muốn chèn hình ảnh của mình vào Blog thì làm thế nào ah. Chỉ giùm em với nha!

  9. #9 by tuan giang - February 3rd, 2009 at 14:23

    em chào anh! anh à em đang xài 360plus.làm thế nào mà khi chèn ảnh vào blog entry chữ nằm lên trên hình được.thank!!!

  10. #10 by Chủ nhiệm - February 3rd, 2009 at 15:15

    Để thực hiện, em cần phải biết một chút kiến thức về HTML, khi viết entry, em mở thẻ HTML code rồi chèn đoạn mã Table để tạo bảng, chọn background của bảng là một hình nền nào đó của em được lưu trên mạng. Sau đó trở ra phần compose và soạn thảo bình thường. Em sẽ thấy phần soạn thảo của em đã được chèn hình nền vào rồi, em chỉ việc gõ chữ ngay trên hình nền.

  11. #11 by tuan giang - February 4th, 2009 at 00:47

    em chào anh. anh có thể nói rõ hơn được không ạ.anh có thể cho em thẻ html và viết cho em ví dụ được không.làm phiền anh quá.thank anh nhìu

  12. #12 by Chủ nhiệm - February 4th, 2009 at 06:15

    Dưới đây là một đoạn mã với hình nền là một ảnh của tôi, em có thể thay đường dẫn của hình ảnh đó bằng hình của em theo ý muốn.

    <table height=”100%” width=”100%” background=http://farm4.static.flickr.com/3528/3251891242_8f2ecd000f_o.gif> <tbody> <tr> <td vAlign=top align=left><font color=#ffffff>Viết nội dung ở đây</font></td></tr></tbody></table>

    Em copy đoạn mã trên và dán vào phần soạn thảo HTML, sau đó trở ra ngoài compose chọn màu phông chữ cho phù hợp là được. Em có thể thay bằng hình nền của em bằng cách thay đường dẫn hình http:// là xong. Chúc em thành công.

  13. #13 by tuan giang - February 4th, 2009 at 08:12

    em cám ơn anh nhìu

  14. #14 by minh đức - February 5th, 2009 at 10:30

    chào anh, anh có thể giúp em làm nhạc nền cho blog được không.khi mà người ta truy cập blog của mình mà nhạc tự động chạy ấy.em đang xài 360 plus
    cám ơn anh

  15. #15 by phale - February 10th, 2009 at 00:06

    anh! cho em hỏi muốn chèn hình vào entry theo kích thước mình muốn thì làm sao anh?

  16. #16 by mai - February 18th, 2009 at 11:24

    em muốn tải nhiều hình ảnh kích thướt lớn vào blog nhưng không biết tải như thế nào?anh giup em với

  17. #17 by Chủ nhiệm - February 18th, 2009 at 12:10

    Bạn xem hướng dẫn trên, thao tác tương tự nhiều lần cho nhiều hình, thế là xong thôi.

  18. #18 by nha - February 19th, 2009 at 09:42

    em vẫn không làm được.vậy em phải làm như thế nào ah?

  19. #19 by Chủ nhiệm - February 19th, 2009 at 11:56

    @nha: Em nên tìm hiểu thêm một số kiến thức về máy tính như lưu hình ảnh của em trên mạng, sau đó mở hình ảnh trong kho lưu trữ đó ra, click nút phải chuột vào hình và nhấn Copy, đưa trỏ chuột vào khung soạn thảo entry của blog và nhấn Ctrl+V để dán vào. Đơn giản thế thôi mà!

  20. #20 by nguyen duy hung - March 20th, 2009 at 16:39

    oh tôi rất cảm ơn về người viết bài này. tôi đã làm được.

  21. #21 by lil - April 2nd, 2009 at 17:41

    ank ơi thank anh nhiều về cách làm này..tiện thể e hỏi anh luôn cách chèn nhạc vào trong Entry thỳ làm như thế nào hả anh

  22. #22 by dai - April 12th, 2009 at 20:03

    chào anh !em đang ở Hàn nên việc làm blog cũng gây không ít trở ngại.anh có thể pm để chỉ cho em ít chiêu kô?mà 1 số blog có thể chèn được nhạc nền thế ạ?rất cảm ơn anh

  23. #23 by dai - April 12th, 2009 at 20:05

    chào anh.em bạn,mình đang ở Hàn Quốc nên việc làm blog cũng gây nhiều trở ngại.bạn có thể chỉ cho mình ít chiêu không?nhạc nền cũng khá hay.cảm ơn trước nha?

  24. #24 by Chủ nhiệm - April 12th, 2009 at 20:10

    Blog Yahoo!360 sắp ngưng phục vụ rồi nên theo tôi cũng nên khép lại đề tài này.
    Các bạn ở những blog khác có thể tìm hiểu ngay trên mạng của blog đó. Cũng không có gì khó khăn lắm đâu. Vì có quá nhiều mạng khác nhau nên việc trả lời không cụ thể được vì chúng tôi không có đủ thời gian. Rất mong các bạn thông cảm.

  25. #25 by Thanh Hiền - April 28th, 2009 at 17:13

    Cám ơn chú Hùng Lân, đọc trang web của chú cháu biết được nhiều cái chưa biết

  26. #26 by superman - May 1st, 2009 at 19:38

    Chủ nhiệm :Muốn canh hình nằm bên trái hoặc bên phải đoạn văn, sau khi mở edit entry, bạn cần phải mở thẻ HTML code ra, tìm đến dòng <img …> đó là hình của bạn đấy, bạn chèn align=”left” hoặc align=”right” vào sau chữ img trong thẻ <img …> đó, nhớ là nhấn phím cách hở ra chứ không viết liền nhau là được. Muốn hình hở ra một khoảng so với chữ, bạn chèn vào thêm hspace=”5″ vào trong thẻ <img …> đó chẳng hạn.Thí dụ như đây là một hình có tên là chandung.jpg được chèn bên trái, không có đường viền và có cách chữ là 5 pixel, nó sẽ có dòng lệnh sau:<img src=”http://www.noibanluuanh.com/chandung.jpg” align=”left” hspace=”5″ border=”0″ />Nói chung, bạn muốn thao tác cho chuyên nghiệp hơn một tí thì bạn cần phải học thêm về CSS Cascade Style Sheet sẽ có nhiều tính năng cao cấp hơn.

  27. #27 by nguyen hoang cao nguyen - May 11th, 2009 at 14:42

    vao blog cua minh xem choi nha url la:
    vn.myblog.yahoo.com/vipboy_sanhdieu81/

  28. #28 by Nguyễn Khang Cương - May 31st, 2009 at 12:37

    Em chào anh. Em muốn hỏi anh một chuyện là làm thế nào để mình tải ảnh từ máy tính lên blog bây giờ em tìm mãi rồi mà khó wa

  29. #29 by Chủ nhiệm - May 31st, 2009 at 16:49

    @Cương: Có hàng chục loại blog khác nhau, việc chèn ảnh rất đơn giản thôi mà, bạn chỉ cần insert picture, chọn ảnh từ máy tính của mình rồi đưa vào bài viết thôi. Chỉ có Y!360 thì đưa được 1 ảnh phía trên mà tôi đã trình bày, nhưng Y!360 tháng 7 này là đóng cửa rồi. Không khó đâu bạn à.

  30. #30 by yen - July 8th, 2009 at 19:38

    mình đang dùng 360 plú, dạo này mình không tải được ảnh lên blog nữa , xin hỏi là blog tải được bao nhiêu ảnh, mình cũng tải khá nhiều rùi, gần 100 cái, vậy tại sao lại không tải được nữa

  31. #31 by yen - July 8th, 2009 at 19:41

    dai :chào anh !em đang ở Hàn nên việc làm blog cũng gây không ít trở ngại.anh có thể pm để chỉ cho em ít chiêu kô?mà 1 số blog có thể chèn được nhạc nền thế ạ?rất cảm ơn anh

    trui, bạn cũng đang ở hàn đây, có thấy có vấn đề gì đâu,vẫn làm được blog bình thường mà

  32. #32 by Chủ nhiệm - July 9th, 2009 at 06:05

    @yen: Nếu tải ảnh lên không được, bạn nên hỏi bên nhà cung cấp Y!Plus chứ trang hunglandesign này không liên quan gì đến anh chàng Y!Plus cả, nghe đâu Y!Plus cũng rất tệ vì có quá nhiều lỗi. Ngày nay người ta thường lập blog ở Multiply, Blogspot, Facebook, WordPress nhiều hơn…

  33. #33 by ngọc - September 27th, 2009 at 21:41

    Bác j` ơi, sao em thử rùi mà ko có chèn được ảnh vào blog thế. Nó chjr hiện chữ chứ ko có hiện hình ảnh. hjxhjx. Bác làm ơn chỉ lại jùm được ko ạ.

  34. #34 by Chủ nhiệm - September 28th, 2009 at 06:08

    @ngọc: Đây là hướng dẫn chèn vào blog Y!360 ngày xưa, nay đã đóng cửa rồi. Còn blog ngày nay một thứ một kiểu, không thể nói hết được ở đây. Cháu cố gắng tìm hiểu trên các file Help bằng tiếng Anh cho quen nhé!

  35. #35 by đỗ thị dung - October 4th, 2009 at 15:41

    em chào Anh ! Anh ơi cho em hỏi tại sao khi em viết bài xong và em vào tạo chữ để làm tiêu đề cho blog sau đó em click vào ĐĂNG mà không được. em đã thử mấy lần rồi mà không sao được.em quay về trang chính để xem bài đăng chưa vẫn không có bài nào là sao hả Anh?
    - Anh cho em hoi thêm câu nữa là : muốn đưa hình tải về làm hình nền cho blog thì làm thế nào ạ?
    Em rất mong Anh giúp em,Em xin cám ơn.!

  36. #36 by Chủ nhiệm - October 4th, 2009 at 16:18

    @Dung: Tôi vừa trả lời phía trên rồi đấy

    Chủ nhiệm :

    @ngọc: Đây là hướng dẫn chèn vào blog Y!360 ngày xưa, nay đã đóng cửa rồi. Còn blog ngày nay một thứ một kiểu, không thể nói hết được ở đây. Cháu cố gắng tìm hiểu trên các file Help bằng tiếng Anh cho quen nhé!

  37. #37 by baby - October 9th, 2009 at 09:07

    Cam on chu a!

  38. #38 by kemdau - October 10th, 2009 at 21:19

    superman :

    Chủ nhiệm :Muốn canh hình nằm bên trái hoặc bên phải đoạn văn, sau khi mở edit entry, bạn cần phải mở thẻ HTML code ra, tìm đến dòng <img …> đó là hình của bạn đấy, bạn chèn align=”left” hoặc align=”right” vào sau chữ img trong thẻ <img …> đó, nhớ là nhấn phím cách hở ra chứ không viết liền nhau là được. Muốn hình hở ra một khoảng so với chữ, bạn chèn vào thêm hspace=”5″ vào trong thẻ <img …> đó chẳng hạn.Thí dụ như đây là một hình có tên là chandung.jpg được chèn bên trái, không có đường viền và có cách chữ là 5 pixel, nó sẽ có dòng lệnh sau:<img src=”http://www.noibanluuanh.com/chandung.jpg” align=”left” hspace=”5″ border=”0″ />Nói chung, bạn muốn thao tác cho chuyên nghiệp hơn một tí thì bạn cần phải học thêm về CSS Cascade Style Sheet sẽ có nhiều tính năng cao cấp hơn.

  39. #39 by Ga con - November 16th, 2009 at 22:18

    Chú ơi! Cháu muốn chèn một hình ảnh lên entry và viết được chữ chèn lên trên ảnh đó thì làm thế nào ạ???cháu tìm mãi, làm mãi mà không được, Chú chỉ cụ thể giúp cháu với nhé. Cháu cảm ơn chú nhiều nhiều.

  40. #40 by Chủ nhiệm - November 17th, 2009 at 06:10

    Chủ nhiệm :

    @ngọc: Đây là hướng dẫn chèn vào blog Y!360 ngày xưa, nay đã đóng cửa rồi. Còn blog ngày nay một thứ một kiểu, không thể nói hết được ở đây. Cháu cố gắng tìm hiểu trên các file Help bằng tiếng Anh cho quen nhé!

  41. #41 by Duong vu chuyen - November 21st, 2009 at 22:30

    Tôi mới sử dụng máy tính vì thế khi tạo được Blog rồi mà không sao đưa ảnh vào trong .có thể giúp tôi với.

  42. #42 by vu phuong mai - December 9th, 2009 at 13:05

    Chào chú, cháu đang phải làm một bản tin thư cho văn phòng bằng email html có ảnh. Cháu đã làm được rồi nhưng vấn đề là ảnh cháu chèn vào bị mờ quá không xem được.
    Đây là cách cháu đã làm:
    Cháu upload ảnh lên photobucket.com
    Sau đó copy đường link của ảnh
    Và chèn vào htm email trong notepad.
    Cháu không biết gì về HTML, cháu chỉ mò mẫm làm theo 1 vài hướng dẫn trên mạng thui nên giờ cháu chịu chả biết khắc phục thế nào nữa.
    Chú làm ơn chỉ giúp cháu được không ạ? Cháu đã mất cả tuần với cái email html này rùi.
    Nếu có thể chú làm ơn trả lời cháu càng sớm càng tốt vào email maiphuongvu85@hotmail.com được không ạ?
    Cám ơn chú nhiều ạ.

  43. #43 by Đỗ Đình Toàn - December 9th, 2009 at 22:00

    Chào chú, cháu dùng yahoo plus và làm theo hướng dẫn của chú về cách chèn hình và bài viết cũng rất đẹp như chú ở trên nhưng nó chỉ đẹp ở phần khung soạn thảo bài viết thui. Nhưng khi cháu đăng bài lên thì nó không hiện như vậy nữa mà chữ được dồn về phía cuối hình chứ không nằm ngang hàng với hình như của chú được. Cháu mới làm blog…chú giúp cháu. Cháu cảm ơn!

  44. #44 by Chủ nhiệm - December 9th, 2009 at 22:46

    Như tôi đã nói ở trên rồi… Ngày nay mỗi blog một kiểu, cái Yahoo Plus rất là dở nên tôi không quan tâm đến cấu trúc bên ấy. Cháu thông cảm nhé!

  45. #45 by pixu - December 10th, 2009 at 10:38

    em tạo dc ảnh lên blog rồi nhưng ko bít lam sao dể chỉnh ảnh và chữ đối xứng nhau.cứ enter là ảnh lại chạy xuống ko ah.Thầy chỉ em với.Em muốn ảnh nằm bên cạnh bài viết của mình.có cách nào di chuyển ảnh nằm cố định ko thầy

  46. #46 by Chủ nhiệm - December 10th, 2009 at 11:26

    Như tôi đã nói ở trên rồi… Ngày nay mỗi blog một kiểu, nên không thể trình bày đầy đủ được. Cháu thông cảm nhé!

  1. No trackbacks yet.

Comments are closed.