Cara memasang MP3 di postingan blog atau website

Punya blog yang bisa memutar file mp3 memang sangat mengasyiikan pengunjung, pada kali ini saya akan berbagi bagaimana caranya menampilkan player yang bisa memutar file mp3 pada blogger Anda dengan bantuan sintak html versi terbaru dan penyimpanan google drive.

Langkah 1: Upload File Mp3 ke Google Drive

Silahkan login ke google drive melalui link berikut ini https://drive.google.com, kemudian upload file mp3 Anda. Setelah file terupload kemudian klik kanan pilih Share...

Langkah 2: Generate kode html untuk menampilkan player file tersebut.

Setelah di klik Share... maka akan tampil gambar dibawah ini:

Silahkan klik Get shareable link (1) dan pilih Anyone with the link can view. Kemudian Copy link tersebut dengan mengklik Copy Link (2) dan Ctrl+C.

Kemudian buatlah kode html seperti dibawah ini pada notepad dan pastekan link tadi ke bagian src.

<iframe 
  frameborder="0" 
  width="400"     
  height="200"
  src="https://drive.google.com/file/d/13usdRZeU4k9vgCdeEVsag9HKoGhYkWWT/view?usp=sharing>    
</iframe>

Rubahlah view?usp=sharing menjadi preview , sehingga hasil akhirnya adalah sebagai berikut:

<iframe 
  frameborder="0" 
  width="400"     
  height="200"
  src="https://drive.google.com/file/d/13usdRZeU4k9vgCdeEVsag9HKoGhYkWWT/preview>    
</iframe>

Masukanlah kode tersebut pada artikel blogger Anda dengan mode html dan lihatlah hasilnya. Selamat Anda sudah bisa memutar file mp3 pada blogger Anda.