Cara Memasang MP3 di Blog

Beberapa waktu lalu iseng-iseng nempatin player MP3 di blog, jadi begitu blog dibuka sama pengunjung lagu MP3 yang dipasang langsung kedengeran. Sebenarnya banyak cara buat memasang MP3 di blog misalnya dengan menginstallkan plugins wordpress, namun cara ini kurang efesien karena bisa membebani space hosting blog.Tapi nggak usah kuatir kita bisa tetap memasang MP3 di blog tampa harus membebani space hosting yang tersedia, caranya dengan menggunakan Dropbox dan Boomp3. Langkah-langkah yang harus dilakukan untuk memasang MP3 di blog adalah :

Daftar dan upload MP3 File di Dropbox

  • Buka web Dropbox dan daftarkan account Anda disana, untuk yang belum tahu gimana cara buat account baru di Dropbox silahkan lihat postingan saya sebelumnya
  • Setelah memiliki account di Dropbox selanjutnya login ke account Dropbox Anda
  • Klik tab Files  pada account Dropbox Anda, lalu klik folder Public

PublicFolder.jpg

  • Klik Upload untuk mengupload file MP3 yang ingin anda pasang di blog Anda
  • Klik Choose File lalu cari file yang ingin di upload ke Public folder Dropbox dan klik Open

UploadMP3.jpg

  • Sebagai contoh saya ingin memasang lagunya Padi – Kasih tak sampai di Blog saya

PilihMP3File.jpg

  • Klik Start upload dan tunggu proses upload berjalan hingga selesai

Prosesupload.jpg

  • Klik panah dropdown dari file MP3 yang sudah diupload dan klik Copy public link

CopyLink.jpg

  • Klik Copy to clipboard

CopykanlinkMP3.jpg

Membuat Player dan Link MP3 di Boomp3

Boomp3.jpg

  • Klik Login with Facebook

Boomp3danFacebook.jpg

  • Lalu isikan email dan password account facebook Anda

Facebooklogin.jpg

  • Klik Log In
  • Muncul tampilan berikut dan pastekan link file MP3 yang sudah anda upload di Public folder Dropbox sebelumnya

PastekanLink.jpg

  • Klik Save
  • Klik di kolom Embed in your blog, selanjutnya cek list Autoplay (gunanya agar MP3 otomatis dimainkan ketika pengunjung membuka blog Anda) dan ceklist Loop (gunanya agar MP3 secara otomatis akan diputar ulang begitu selesai dimainkan)

EmbedBlog.jpg

  • Copykan Embed yang sudah dibuat Boomp3 sebagai contoh punya saya

"<object style="vertical-align: middle;" valign="middle" width="200" height="20"><param name="movie" value="http://static.boomp3.com/player2.swf?id=4yduxv0yvtg&amp;loop=1&amp;autoplay=1&amp;title=padi+-+Kasih+tak+sampai"></param><param name="allowFullScreen" value="false"></param><param name="allowscriptaccess" value="always"></param><embed src="http://static.boomp3.com/player2.swf?id=4yduxv0yvtg&amp;loop=1&amp;autoplay=1&amp;title=padi+-+Kasih+tak+sampai" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="false" width="200" height="20" wmode="transparent"></embed></object>"

Menambahkan Widget Pemutar MP3 di Blog

  • Login ke WordPress account Anda
  • Klik Appearance dan klik Widdgets

WidgetMP3.jpg

  • Akan muncul tampilan Widget WordPress blog Anda

Widget.jpg

  • Klik dan drag widget text ke sidebar blog Anda

TextWidget.jpg

  • Copykan Embed code Boomp3 ke widget text tersebut

MP3Player.jpg

  • Klik Save
  • Anda dapat menyesuaikan lebar dan tinggi playernya sesuai dengan lebar dari sidebar dari theme blog yang Anda pakai,  caranya dengan merubah Width dan Heightnya, selain itu jika Anda tidak ingin playernya memainkan lagu berulang-ulang maka pada loop anda dapat rubah  angkanya dari 1 menjadi 0

ModifikasiMP3Player.jpg

  • Untuk melihat hasilnya silahkan preview blog Anda

HasilAkhir.jpg

  • Mudahkan…………. blog lebih ciamik dengan pemutar musik didalamnya …….
  • Oh ya jangan lupa untuk logout dari Account Dropbox dan Boomp3 Anda

Trik di atas sudah saya coba di blog saya kupihitam.com dan berhasil sedangkan untuk blog yang belom berdomain dan beli hosting trik di atas belom dapat di implementasikan. Buat sobat yang blognya masih ada embel-embel wordpress.com diujungnya lakukan trik berikut untuk menambah MP3 di blog :

  • Setelah mengupload File MP3 di Dropbox kemudian copy linknya sebagai contoh punya saya "http://dl.dropbox.com/u/44453670/padi%20-%20Kasih%20tak%20sampai.mp3"
  • Login ke account WordPress Anda
  • Klik Appearance dan klik Widdgets
  • Klik dan drag widget text ke sidebar blog Anda
  • Lalu ketikkan kode berikut tampa tanda kutip, untuk width dapat dirubah sesuai dengan lebar theme yang digunakan sedangkan loop dapat diganti dengan yes jika ingin otomatis memutar ulang MP3nya dan untuk animation bisa diganti yes jika tidak ingin player audionya tetap terbuka.

" "

  • Klik Save

HasilAkhirdiwordpress.jpg

Salah satu kelemahan untuk blog yang masih berujung wordpress.com adalah MP3nya tidak bisa autoplay artinya pengunjung harus memainkan playernya manual untuk memutar lagunya. Makanya saya sarankan segera  beli domain dan hosting murah ya …………. semoga bermanfat dan jangan lupa untuk komentar ya agar kedepannya bisa share artikel yang lebih baik ………

FacebookTwitterGoogle+EmailShare

8 Comments

  1. azhariscm October 9, 2011 2:33 pm  Reply

    bleh dicoba ne untuk blogku,,,,Thanks….

    • kupihitam October 9, 2011 6:42 pm  Reply

      Ok selamat mencoba bro, semoga berhasil

  2. jonysoeroto November 1, 2011 11:29 pm  Reply

    cara mengganti atw menghilangkanya adakah? thx

    • kupihitam November 2, 2011 6:17 pm  Reply

      Mas Jony : menghilangkan cukup menghapus widget MP3nya, terlebih dahulu mas harus login ke blognya mas. Untuk mengganti lagu upload lagu baru di dropbox, selanjutnya ikuti langkah-langkah yang sudah saya jelaskan di atas …. terima kasih

  3. treest November 10, 2011 12:18 pm  Reply

    mas, koq saya nggak ada copy public linknya di dropbox? gimana tuh?

    • kupihitam November 10, 2011 12:50 pm  Reply

      Pastikah bahwa MP3 di upload ke Public Folder di account dropbox Anda, jika tidak maka tidak akan muncul pilihan copy to public linknya …. terima kasih ………..

  4. madu organik December 31, 2011 11:40 pm  Reply

    artikel yg bagus… tanya gan. kalau mau memasang beberapa lagu sekaligus, bagaimana caranya ?

Leave a Reply