WordPress #20: Nhạc

Nội dung

Có liên quan

Hẳn các bạn đều biết một cách để chèn nhạc lên WordPress. Đó là dùng Soundcloud. Nhưng dùng Soundcloud có một điểm khá là bất tiện. Đó là nó giới hạn thời lượng của những bản nhạc được up lên. Không những thế, lỡ dính bài nào của các nghệ sĩ Anh hay Mỹ là coi như nó không cho up luôn. Vậy nên trong bài này, mình sẽ hướng dẫn các bạn đưa nhạc lên WordPress thông qua các trang khác.

Trong phạm vi bài viết này, mình sẽ hướng dẫn các bạn cách chèn nhạc từ các trang nhạc online thông dụng, hoặc chèn nhạc do bạn tự up.

Chèn nhạc từ các trang nghe nhạc online

Sau đây là hướng dẫn đối với các trang nghe nhạc online mà mình cho là thông dụng. Bao gồm: Zing MP3, NCT. Song nếu bạn muốn đưa nhạc trong các trang khác lên thì các bạn cứ comment tên trang bên dưới, mình sẽ thêm code cho bạn.

Bước 1: Mở trang nhạc mà bạn muốn chèn vào WordPress
Bước 2: Tìm code để chia sẻ của bài hát đó
Bước 3: Sửa code vừa tìm được theo hướng dẫn ở đây. Các thông số về chiều rộng và chiều cao bạn có thể sửa hoặc bỏ đi để dùng thông số mặc định
Bước 4: Dán đoạn code sửa vào bài viết

Ví dụ nhận được khi dùng code sửa:

Chú ý: Trường hợp mà bạn dùng đúng code mà trình chơi nhạc không hiện, thì rất có thể là vì blog bạn đang dùng giao thức https. Lúc ấy, bạn chỉ cần thay trong code từ http thành https thì sẽ hiện được trình chơi nhạc. Trường hợp thay mà nó không hiện (hiện trắng) thì tức là trang nhạc đó chưa hỗ trợ giao thức https, nên bạn hãy chuyển sang trang có hỗ trợ nhé ^^

Update mới nhất: Hiện giờ các trang nhạc đã thay đổi code khiến cho code hiện tại không hiện được nữa. Hiện giờ tớ cũng chưa có hướng sửa code nào khả thi cả, nhất là khi các trang nhạc cứ thay code xoành xoạch. Thế nên tuy rất tiếc nhưng tớ cũng quyết định là không tiếp tục hỗ trợ các bạn trong việc chèn nhạc từ các trang nhạc online nữa

Chèn nhạc bạn tự up

Sử dụng Cloudup sẽ tiện hơn nếu bạn muốn tự up file mp3 lên hay đơn giản là không muốn đưa nó lên các trang nghe nhạc online vì lí do nào đó. Về Cloudup thì đây là một dịch vụ chia sẻ file của hãng Automattic, hãng sở hữu chính dịch vụ WordPress mà chúng mình đang sử dụng. Vì thế các bạn có thể yên tâm khi sử dụng trang này.

Bước 1: Đăng ký tài khoản Cloudup ở đây
Bước 2: Up lên file nhạc mp3 mà bạn muốn chèn
Bước 3: Click vào file nhạc vừa up, sẽ dẫn tới trang xem file
Bước 4: Copy địa chỉ trang xem file, vứt thẳng vào WordPress là xong. Chú ý bạn phải paste link vào một dòng riêng, không được có định dạng gì ngoài định dạng mặc định.

Ví dụ khi tớ paste vào WordPress link sau

https://cloudup.com/cQtSuOUSfFx

Kết quả nhận được sẽ là

Trường hợp các bạn không muốn hiện cả box to như trên, thì các bạn có thể sử dụng trình chơi nhạc mặc định của WordPress bằng cách sau:
– Tại trang xem thử file, click vào tùy chọn More ở góc trên cùng bên phải, chọn Direct URL -> Tùy chọn tự động biến thành Copied, tức là đã được copy vào bộ nhớ tạm
– Paste link vừa copy thẳng vào WordPress. Đương nhiên vẫn phải tuân theo đúng quy tắc: Paste link vào một dòng riêng, không được có định dạng gì ngoài định dạng mặc định
Ví dụ link tớ copy được là

https://cldup.com/3xzhyj06rR.mp3

Kết quả nhận được sẽ là

Chú ý: Nếu các bạn muốn đặt nhạc vào widget thì hãy thay link direct vừa copy ở trên vào code sau:

[audio https://cldup.com/3xzhyj06rR.mp3 ]

https://tieuxuyen.wordpress.com/meo-wordpress/

262 bình luận về “WordPress #20: Nhạc

  1. mềnh không biết phải cảm ơn bạn thế nào nữa, chuyện chèn mp3 vào wp mềnh cứ nghĩ là k đc cơ, ai ngờ lại có cách >.<
    Iiu iu bạn chủ nhà

    Thích

  2. thế nàng có cách nào chèn nhạc từ mấy trang như zing, NCT… vào widget không, ta thử dùng widget “văn bản” copy đoạn HTML trong trang nhạc nhưng mà không được :(

    Thích

  3. Bạn ơi, phần “Dán đoạn code sửa vào bài viết” là vào các bài viết hay là vào chữ “bài viết” ở phần chỉnh sửa WordPress hả bạn? Mình không rõ lắm, mong bạn có thể giúp mình. Cảm ơn bạn trước nhé! ^^

    Thích

  4. cho mình hỏi chèn nhiều bài (zing, NCT) thì sửa code thế nào vậy bạn? tựa như cái playlist chạy hết bài này sẽ chạy tiếp bài khác đó bạn?!

    Thích

  5. bạn ơi cho mình hỏi một tí, mình ko rõ lắm ở chỗ “code copy” và “code sửa”
    “code copy” là mình phải copy đoạn bạn tô đỏ hả bạn? và mình phải copy vào đâu?
    cả chỗ “code sửa” cũng vậy? Mình hơi bị ngu công nghệ nên mong bạn giúp mình T^T. Cám ơn bạn rất nhiều ~

    Thích

    1. code copy là code bạn copy được từ trang nhạc
      code sửa là bạn sửa phần vừa copy được ấy theo hướng dẫn của mình

      nội dung mình đưa chỉ là mẫu thôi

      Thích

  6. Rất cám ơn bạn chỉ dẫn rõ nên bây giờ mình đã post được link của Box rồi.
    Xin hỏi Yappa là link của filden của mình bi xóa và bây giờ chuyển qua cx.com , xin bạn hướng dẫn cho mình cách post được không ? Cám ơn bạn thật nhiều…
    Chúc Yappa luôn an vui

    Thích

  7. mình copy thử link [gigya src="https://www.box.com/embed/ofxir6fbpxkfrwa.swf" width="466" height="400"] bỏ vào bài viết thì nó vẫn hiện y dòng code đó ra là sao cậu X_X , mình mới tập wp , chỉnh qua text vẫn k đc :(
    của mình đây : thanhduy-it.info/blog

    Thích

  8. bạn ơi, mình làm như bạn hướng dẫn nhưng khi chuyển về hiển thị nó hiện một khung chính giữa có biểu tượng Flash Player. Lúc cập nhật thì lại mất luôn, không hiển thị gì hết. Bạn giúp mình được không? Cảm ơn bạn!

    Thích

  9. Hi Tieuxuyen! Cách đây một tháng mình có dùng cách của bạn, mình hay dùng Code của Zing để chèn nhạc, lúc đó Skin của Zing vẫn hiện ra. Nhưng đến thời điểm hiện tại Code nhúng Blog của Zing thay đổi nhiều quá mình không thể làm nó hiện Skin lên được. Bạn có thể hướng dẫn hộ mình làm sao để hiện Skin đó lên không?

    Bài viết của mình cách đây 1 tháng http://heomephim.wordpress.com/2013/09/10/chen-nhac-vao-wordpress/

    Thích

  10. mình bấm cách ra vài chỗ vì copy đoạn đó post nó không hiển thị :(( thấy code mp3 bây giờ toàn bị như vậy không :(( chứ hòi đó mình toàn làm theo cách của bạn

    Thích

            1. tớ sửa code thì thấy nó chỉ hiện trình chơi nhạc chứ không play được, bạn xem thử phần gốc của nó bên trang y1n9 có play được không

              Thích

              1. bên y1n9 là tớ chèn link playlist NCT vào để lấy code thui, lúc lấy code tớ có chọn tự động play mà :D

                Thích

                1. uh, nhưng mà nó không play được ý, tớ thử bên đấy nó cũng không play được
                  thế nên khi chuyển code để post lên WP nên nó cũng không play gì hết
                  nên tớ mới hỏi là lúc cậu chuyển code bên trang kia, nó có thực sự play được không

                  Thích

                    1. [gigya src="https://y1n9.info/Flash/baby0.swf" FlashVars="playlist=http://nct.y1n9.com/360PLUS/?id=http%3A%2F%2Fwww.nhaccuatui.com%2Fplaylist%2Fsu-boice-dang-cap-nhat.XmXPNebEWz6b.html%3Fst%3D3%26type%3Dpig%26auto%3Dyes"]

                      Thích

                    2. mình chèn vào widget văn bản mà ko được bạn ạ, nó trắng xóa và lồi ra khỏi khung nữa >”<

                      Thích

                    3. lại bằng cái này nhé

                      [gigya src="http://y1n9.info/Flash/baby0.swf" FlashVars="playlist=http://nct.y1n9.com/360PLUS/?id=http%3A%2F%2Fwww.nhaccuatui.com%2Fplaylist%2Fsu-boice-dang-cap-nhat.XmXPNebEWz6b.html%3Fst%3D3%26type%3Dpig%26auto%3Dyes"]

                      Thích

                    4. Luc minh lay code la minh de size 400 vs 300, ko biet co lien quan khong nua, nen de size bao nhieu thi ko bi loi ra ngoai vay ban?

                      Thích

                    5. bạn tự chỉnh bằng cách thêm cụm (dấu cách)width="40" height="100" vào trước dấu ] trong code gigya tớ cho lần trước nhé

                      Thích

                    6. mình sửa lại width = 190 và height = 350 là vừa ý, nhưng mà không có chạy nhạc, hay bạn có thể giúp mình vẫn lấy skin đó mà chỉ chạy 1 bài happy new year của abba được ko? ko dùng playlist đó nữa >”<

                      Thích

                    7. mình nói rồi mà, mình thử nhưng nó ko chạy, ngay từ đầu nó đã ko chạy và hỏi bạn nó có chạy được ko mà =.=

                      dùng cái có sẵn của zing thì sẽ chạy được, dùng qua skin thì ko đâu bạn ạ

                      Thích

  11. bạn ơi, hôm nay mình chèn nhạc vào blog dùng box.com ý, mà cái link embed của box bây giờ nó khác với hồi đó, không còng đuôi .swf nữa, nên giờ mình không biết chèn sao nữa! :(

    Đã thích bởi 1 người

          1. T.T mình vẫn không hiểu.
            trước tiên mình vào trang NCT tạo một list nhạc. cóp đường link đó, sửa lại cho giống phần code sửa. xong dán vào phần bài viết hả

            Thích

    1. nóa không vào được. mình đưa code cho bạn bạn coi sửa dùng mình nha
      [gigya src="http://www.nhaccuatui.com/playlist/tam-trang-dang-cap-nhat.Q7yXXja5Di9L.html" flashvars="autostart=false" width="300" height="308" ]

      Thích

  12. được rồi bạn.hihi thks bạn nhiều^^
    nhưng giờ mình muốn chuyển nó qua trang bên làm như thế nào vậy Yap. :((

    Thích

  13. ss Yappa ơi, bên box.com bây giờ phần code ko có .swf nữa, nếu vẫn làm theo cách này (tức là chỉ bỏ những đoạn như ss hướng dẫn) thì nó ko hiện cái khung mà thay vào đó là một link ạ, có cách gì sửa lại ko ss? T___T

    Thích

    1. nó mới chuyển kiểu nhúng trang web em ạ, hiện giờ với kiểu nhúng mới thì ss cũng không biết cách nào để đưa vào nữa T__T

      chỉ có 1 cách là dùng kiểu nhúng với cả folder thôi, mà nó hơi bất tiện vì cứ với mỗi file nhạc thì phải đưa vào 1 folder riêng :(

      Thích

    1. em làm mà hiện lỗi tức là em làm sai rồi
      code đây nhé
      [gigya src="http://st.nhacso.net/flash/v89/embedPlaylistjs.swf?xmlPath=http://nhacso.net/flash/song/xnl/1/id/X1tQVEpYbw==" width="400" height="60" ]

      Thích

  14. bạn ơi cho mình hỏi, mình muốn dùng zing mp3, nếu vậy cứ copy cái link nhạc, paste vào đoạn code trong phần hướng dẫn bên dưới phải k? nếu mình muốn tạo nguyên 1 cái list thì sao bạn, cũng copy từng link rồi paste giống như trên hả?

    Thích

      1. nhưng mình làm đúng vậy, nó lại báo embed gì đó lỗi code a TT^TT
        à, nếu mình làm 1 list gồm link+ code thì khi post lên bài viết, bấm enter thì nó sẽ hiện từng bài hay trong chung 1 list luôn?

        Thích

    1. nếu muốn tạo 1 list riêng thì bạn phải tự tạo list đó trong zing (hoặc dùng 1 list có sẵn), sau đó sử dụng code theo hướng dẫn ở trên của mình (mình vừa thay đổi một chút về code để áp dụng được với cả list nhạc) ^^

      Thích

      1. ko có, mình kiểm tra lại mấy lần rồi, link zing bên trên của bạn mình cũng chỉ thấy 1 thanh màu đen T__T có khi nào là do trình duyện ko, mình xài Chrome?

        Thích

  15. cám ơn bạn nhiều nha.mình làm đc rồi ^^ Bạn giỏi thật đó, blog nhiều cái hay quá, mình coi từ tối đến giờ ko chán luôn ^^!
    a, đây là chèn nhạc vào từng bài viết, còn nếu muốn đưa cả playlist vào Wp thÌ làm sao bạn? mình đọc nhiều chỗ có hướng dẫn là share từ bên soundcloud sang, Mình cũng làm như thế nhưng đến khi share thì lại không thấy link sang WordPress đâu, cŨng ko thấy có dấu + để thêm vào….bạn có biết cái đó ko? chỉ mình với

    Thích

      1. a, mình đã đem sang đc rồi, nhưng khi cho vào widget thì ko biết chỉnh làm sao cho nhạc tự động chạy khi ng ta vào blog mình. mình để ở widget văn bản thanh bên

        Thích

          1. yeah! cám ơn bạn hihi, ngại thật mình mới nghịch cái này thôi, nên chẳng biết gì cả ^^ chắc sau này sẽ còn phiền bạn nhiều nhiều nữa ^^

            Thích

                    1. mình paste nguyên xi cái của bạn thì thấy cái autoplay có chạy mà @.@
                      bạn thử đổi trình duyệt khác xem sao

                      Thích

                    2. @@, A, cám ơn bạn hihi. bạn ơi mình muốn hỏi cái này:
                      đây là link blog của mình http://phusinhduymong.wordpress.com/ khi vào sẽ có mục truyện >> truyện convert, truyện st, truyện edit. Mình muốn chia chuyện trong các mục này. ví dụ >> truyện edit >> truyện A, truyện B… để tổng hợp các tr lại vs nhau . Mình đã thử dùng category như khi bạn dạy làm mục lục, kết quả cũng khá ổn nhưng có 1 vđ là nó sẽ hiện ra tất cả các chương của tất cả các tr thuộc thể loại này. Như vậy nếu mấy truyện đều có cả trăm chương thì sẽ rối mắt thôi rồi. có cách nào làm nó gọn gàng hơn ko bạn?

                      Thích

                    3. bạn nên đặt riêng category/tag cho từng truyện
                      lúc làm mục lục thì cũng chỉ làm mục luc cho riêng truyện đó thôi

                      Thích

                    4. ừm, mình hiểu. Nhưng có cách nào tập trùn các truyện cùng thể loại vào 1 mục ko? như thế sẽ ko phải mất tg tìm

                      Thích

                    5. mình đã dùng category để làm mục lục cho từng truyện. Nếu mình viết tag chung cho các mục lục rồi dùng tag để tổng hợp tất cả mục lục của các tr cùng thể loại liệu có đc ko nhỉ? nó sẽ chỉ hiện ra mục lục thôi, từ mục lục lại dẫn ra đc toàn bộ truyện. Mình đang thử nhưng nó thậm trí còn ko hiện ra cái gì

                      Thích

                    6. A, theme của bạn hay quá, mình muốn thay ảnh, viết chữ vào theme như của bạn thì phải làm sao? để nó chỉ có 1 hình duy nhất ở phần nền và phần đầu theme 1 hình khác?
                      Mình thấy bên nhà bạn có older post, newer post rất hay, cái đó là tự làm phải ko bạn? bạn chỉ mình với ^^

                      Thích

                    7. thay ảnh và viết chữ, bạn vào Giao diện -> Header
                      Hình ở đầu theme của mình nó nằm trong background mà mình up lên, bạn vào Giao diện -> Nền
                      Cái older/newer post đấy là mặc định của wp, dùng khi có nhiều bài

                      Thích

                    8. yeah! cám ơn bạn nhiều nha hihi ^^ bạn tốt thật đó, gặp phải đứa ngu ngơ như mình mà vẫn nhiệt tình chỉ dạy. yêu quá <3

                      Thích

                    9. khi mình tải ảnh lên nó ko hiện ra ảnh to, đẹp như của bạn mà chỉ bé xíu a @@, nếu ko dùng kiểu lát gạch thì nó còn ko bao hết đc đoạn đầu @@ mà mình chỉ thích hiện nguyên hình thôi, thế là sao bạn?

                      Thích

  16. Phục bạn ghê, mình đọc rồi nhưng cũng không biết cách làm. Bạn giỏi quá, cái gì cũng biết hết.. Hâm mộ ghê >0<
    Mình đúng là dốt công nghệ thông tin mà. Mình mới mò vào WP thấy làm khó quá nên bắt đầu nản rồi hixhix

    Thích

  17. Chị ở có thể sửa giúp em đọc code này đc k~ : Em thật sự đã sửa rất lấu nhưng đều sai T^T Cảm ơn (trước~) chị rất nhiều ah~ ỌvỌ

    Thích

  18. Chủ nhà ơi, mình từng thử cái gigya này nhiều rồi nhưng mà không được đâu! lúc post bài lên thì nó toàn ra embed code invalid. CÒn dùng cái code [audio link ] thì nó lại chuyển mình sang một trang đen xì rồi phát nhạc toàn màn hình luôn! Khổ vậy nên mình cũng ít chèn nhạc từ mấy trang này mà chả biết phải làm sao! :'(

    Thích

          1. Gửi ảnh như thế nào nhỉ? :P Sau khi mình tải hẳn excel của chủ nhà về, copy lại, thì khi post lên nó lại ra khung trắng xóa cơ! Mình đã chụp lại code và màn hình rồi nhưng chả biết làm thế nào để gửi được ảnh cho chủ nhà!

            Thích

          2. Đau lòng thật đấy, bê nguyên cái code mẫu của chủ nhà ra thì nó vẫn lên, vậy mà mình copy link thì nó không ra! Huhu!

            Thích

          3. Thôi, mình đã khắc phục được rồi! Sau hơn 5 phút căng mắt ra soi từng nano mét một! Cảm ơn chủ nhà nhé, cảm ơn vì đã tận tâm với một kẻ thiểu năng này! ^^ :D

            Thích

  19. Trước đây có làm theo cách của bạn hướng dẫn để chèn nhạc từ Zing, tuyệt vời luôn! Nhưng giờ cách của bạn không còn làm được nữa rồi. Mình đã tìm ra cách mới để chèn nhạc, tiện đây chia sẻ với bạn luôn để cảm ơn những hướng dẫn trước đây của bạn :)

    ~ Đã xóa link quảng cáo ~

    Thích

  20. bạn ơi mình làm xong hết rồi nhưng vào trang WP thì nó phát nhạc bình thường nhưng lại không hiển thị thanh phát nhạc nên mình không tắt được nhac…. mk phải làm sao giờ???

    Thích

          1. tức là giống như cái cùa bạn ak… khi mình vào WP của bạn thì mk thấy thanh scroll xuống là thấy thanh nhac còn của mình phải click vào widget ở trên rồi mới thấy thanh nhạc

            Thích

  21. Bạn có biết cách chèn nhạc vào WordPress bằng SCM Music Player ko? Mình thấy giao diện của nó rất dễ thương, dùng trên Tumblr rất ok nhưng hình như ko dùng được trên WordPress à? :(

    Đã thích bởi 1 người

  22. bạn ơi, cám ơn bài viết của bạn nhiều lắm lắm luôn ý, cuối cùng mình cũng đã chèn được nhạc từ web NCT… Bạn ơi, nếu không phiền có thể cho mình hỏi thêm cái nì được không? Có cách nào để làm cho nhạc nó phát tự động khi mình vào luôn mà khỏi ấn play không bạn? ^_^

    Thích

      1. Cám ơn bạn nhé. Mà bạn ơi, cho mình hỏi thêm cái này nhé? Lúc chèn nhạc thì mấy đường link sửa rồi í, mình để liên tiếp nhau hay là mình cách ra hay xuống dòng thì được vậy bạn? Mình có chèn thử mấy bài mà có xuống dòng, không hiện lên được từ bài 2 trở đi. Mình không biết là do mình sử đường link sai hay là do lỗi trên nữa.owf bạn chỉ dùm mình nhé!

        Thích

  23. bạn ơi mình làm nhạc mp3 mà không được. Nó chỉ hiện ra một cái khung màu đen thôi à.

    Đây là link nhạc mình muốn: http://mp3.zing.vn/bai-hat/Nhung-Ban-Nhac-Khong-Loi-Buon-Nhat-Minh-Huy/IWAAIWCO.html

    Còn đây là đoạn mình làm theo hướng dẫn: [gigya src="http://mp3.zing.vn/embed/song/IWAAIWCO?start=true" width="300" height="84" ]

    Bạn kiểm tra giùm mình xem có phải mình làm bị sai không mà nó lại không hiện nhạc

    Thích

  24. Bạn ơi mình thêm đoạn code nhưng nó hiện ra màu đen thôi :< Làm thế nào để autoplay như cái ~ Tí tách ~ của bạn thế bạn ơi

    Thích

  25. Bạn ơi mình up nhạc lên Soundcloud nhưng bị xóa vì vi phạm copyright, nên khắc phục thế nào bây giờ :(

    Thích

  26. mình muốn dùng cách này nhưng không chèn cho từng bài viết mà chèn cho nguyên wordpress của mình như chèn bằng soundcloud thì làm thế nào hả bạn?

    Thích

  27. bạn à, mình đã làm đc rồi nhưng mà khi đăng lên thì tên ca sĩ lại là tên trên Cloudy của mình. Làm sao đây?

    Thích

Trả lời

Điền thông tin vào ô dưới đây hoặc nhấn vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất /  Thay đổi )

Google photo

Bạn đang bình luận bằng tài khoản Google Đăng xuất /  Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất /  Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất /  Thay đổi )

Connecting to %s