Thursday, June 23, 2011

Chơi nhạc trên blog với Yahoo! Media Player

Đã cập nhật: Giải pháp sử dụng tên miền miễn phí CO.CC cho Blogger và Yahoo! 360plus.
Với việc hỗ trợ HTML và JavaScript đầy đủ, Blogger cho phép người dùng thoải mái sử dụng một trình chơi nhạc tùy thích trên blog của mình mà không bị giới hạn như Yahoo! 360plus hay một số nền blog miễn phí khác.

Còn nhớ cách đây khá lâu Thủ Thuật Blog đã giới thiệu công cụ chơi mp3 của del.ico.us (Dịch vụ ghi nhớ trang ưa thích trước đây đã được Yahoo mua lại, tuy nhiên giờ đã bán cho đồng sáng lập Youtube Chad Hurley và Steve Chen) nhưng dịch vụ này chỉ cho phép sử dụng các bài hát có định dạng mp3.

Yahoo! cũng có một công cụ chơi nhạc khác hỗ trợ định dạng âm thanh mp3 và video từ Yahoo! Movie lẫn YouTube.

Bạn có thể làm các bước sau đây để sử dụng trên blog mình:

Bước 1. Chèn đoạn JavaScript sau đây trước thẻ </body> (Đăng nhập Blogger, chọn Thiết kế | Chỉnh sửa HTML, nhấn Ctrl + F để tìm):

<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"></script>

Bước 2. Lấy link bài hát và tạo các liên kết như dưới đây:

<a href="http://mediaplayer.yahoo.com/example3.mp3">Yodel (mp3 link)</a>
<a href="http://movies.yahoo.com/movie/1810096458/info">Tron (Yahoo! Movie link)</a>
<a href="http://www.youtube.com/watch?v=i56XeM0-b8Y">Zoetrope (YouTube link)</a>

Từ giao diện kéo thả của Blogger, tạo một tiện ích HTML/JavaScript mới, dán các liên kết như trên vào và lưu lại.

Cách khác, bạn có thể gom 2 đoạn code ở bước 1 và 2 cùng dán vào HTML/JavaScript hoặc dán vào một bài viết cụ thể.

Bước 3. Thưởng thức!

Yodel (mp3 link)
Tron (Yahoo! Movie link)
Zoetrope (YouTube link)
Dropbox, dịch vụ lưu trữ đám mây, chia sẻ và đồng bộ dữ liệu giữa điện thoại di động, tablet, laptop và desktop. Tài khoản miễn phí 2.25GB! Bạn có thể kiếm thêm tối đa đến 18GB khi giới thiệu thêm người đăng ký Dropbox (mỗi người mà bạn giới thiệu đăng ký và cài đặt thành công Dropbox, bạn được 500MB!)

26 comments:

  1. Thu thuat blog la mot blog rat hay, sao ban vang bong lau the, de anh em doi mai!
    Co viet that nhieu ThuthuatBlog nhe!

    ReplyDelete
  2. @Mr Liêm, dạo chơi mãi nên không viết bài mới. Mong anh em thông cảm! Từ nay sẽ cố gắng cập nhật thường xuyên hơn. Hy vọng mọi người ủng hộ.

    ReplyDelete
  3. @Phạm Công Khiên, "bế quan tọa cảng" luyện công phu mà luyện không được nên đành "tái xuất giang hồ" :))

    ReplyDelete
  4. ôi logo mới, template mới từ bao h vậy anh Nhân, rất đẹp và sáng sủa ;) mừng trở lại

    ReplyDelete
  5. @Pika Rock, :) cũng mới thôi em! Vừa chuyển template nên sửa từ từ mỗi ngày một ít.

    ReplyDelete
  6. Vắng bóng lâu, nay trở lại Thuthuatblog đổi mới giao diện đẹp, chúc anh viết nhiều hơn nha!

    ReplyDelete
  7. Đợt update pagerank mới sắp tới thuthuatblog.com sẽ 4/10, độ trust cao nhỉ!

    ReplyDelete
  8. Lâu lắm mới có bài mới, temp mới. Welcome back! :D

    ReplyDelete
  9. @Dao tao ke toan tong hop, pagerank trước giờ vẫn thế, mấy năm rồi có thay đổi gì đâu! Công việc kinh doanh của em vẫn tốt chứ?

    @NAD, may mà nhiều người vẫn nhớ tới blog này! Trong đó có một trong những cái tên quen thuộc: NAD.

    ReplyDelete
  10. anh oi em copy vao blog cua em roi nhung ma ko thay cai dau mui ten va playlist dau ma chi thay mot cai chu musik(ten cua cai file mp3 }
    Anh co jup em nho
    Day la blog cua em:
    play4me.hot.to

    ReplyDelete
  11. @yu-gi-oh, em dán code chỗ nào anh không nhìn thấy. Em cho đường dẫn cụ thể. Mà trang của em dường như có virus, anh truy cập thì có cảnh báo.

    ReplyDelete
  12. anh oy!!! sao blog cua em hok co chữ THIẾT KẾ j j dok!!!!
    dù blog cua e la blog 360yahoo!! a giai dap dùm e nhá
    cảm ơn lắm lắm

    ReplyDelete
  13. ah wen!!day la blog cua em co j a ghé vào 1ty' goy cho e ý kiến nhá

    ReplyDelete
  14. @t0kychi, hướng dẫn trên đây chỉ xài cho Blogger thôi. Yahoo!360plus không hỗ trợ cái này. Em tìm nội dung khác vậy!

    ReplyDelete
  15. http://vn.360plus.yahoo.com/t0kychi/

    ReplyDelete
  16. Mình đã làm Blogger đc gần 4 năm. Nhớ lại những blogger có liên kết từ năm đầu giờ chẳng còn đc mấy ng` vẫn tiếp tục blogging. 3 4 năm trc ng` dùng Blogger ở VN rất ít, giờ thì đông đảo quá. Trang Blogger giờ xếp thứ 14 trong số những trang đc truy cập nhiều nhất VN theo Alexa. :D

    ReplyDelete
  17. @NAD, 4 năm đối với một công nghệ có thể trở thành lỗi thời hoặc một phong trào có thể đã hết mốt. Nhưng 4 năm ấy cũng đã chứng kiến rất nhiều blog ở Blogger của cộng đồng Việt Nam được xây dựng và chúng ta thấy mình có thêm "đồng chí" giữa một không gian ảo mênh mông.

    ReplyDelete
  18. anh oi the web cua em co virus ah
    vay anh chi cho em lam the nao de lam het virus cho blog dc ko anh

    ReplyDelete
  19. em dan dc code roi anh a
    anh vao thu xem:
    http://www.funkyfreshboyz100.blogspot.com va chi em cach dietvirus nha

    ReplyDelete
  20. @yu-gi-oh, truy cập blog chương trình diệt virus báo những link http://www.anonymouse.ru chứa phần mềm độc hại. Em xem lại thử coi.

    ReplyDelete
  21. anh oi anh day em lam readmore di
    cai read mỏe cua em no bi loi roi anh a

    ReplyDelete
  22. Tôi đã làm đúng như bạn chỉ, nhưng những link thêm vào hoặc sửa link trong 3 link có sẵn thì không có icon play cũng như ko thể hiện trong playlist? giúp tôi với nhé! Cám ơn nhiều!

    ReplyDelete
  23. Anh có thể chỉ cách thêm nhạc cho blog 360 plus được không? em đang cần lắm.

    ReplyDelete
  24. Bác cho nhà cháu xin cái nick yahoo để nhà cháu xin được bác hướng dẫn trực tiếp, được không ợ? Nic yahoo của nhà cháu: thanhhaivir

    Rất xin lỗi vì làm phiền bác!

    ReplyDelete
  25. Vắng bóng lâu, nay trở lại Thuthuatblog đổi mới giao diện đẹp, chúc anh viết nhiều hơn nha!

    ReplyDelete

Cám ơn đã đọc bài viết. Bạn có thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới. Hãy viết bằng tiếng Việt có dấu để mọi người dễ đọc hơn. Xin đừng spam!