Penulis: Moch Adnan dipublikasikan: 18 Juni 2023
Moch Adnan Blog - Cara Menambahkan Audio Ke Blogger
H allo sobat blogger yang budiman, kali ini saya akan share tentang bagaimana cara menyajikan sebuah audio kedalam postingan atau mungkin menyematkan nya juga di sidebar blog. Audio disini bisa berupa sebuah musik, atau rekaman suara, yang mana lengkap dengan tombol putar serta volume dari media audio yang terpasang itu sendiri.
 
Tapi sebelumnya, saya ingin memperkenalkan terlebih dahulu situs/media yang bisa kita gunakan untuk melakukannya. Seperti yang kita ketahui bahwa fitur untuk memasukkan audio kedalam postingan itu tidak tersedia dalam dasbord blogger. Maka dari itu saya menggunakan jasa Google Drive untuk melakukannya juga sedikit sentuhan kode HTML.
 
Bagaimana sob? Lanjut ya.... Oke kita langsung saja ke tutorialnya.
Cara Menambahkan Audio Ke Blogger
Cara Menambahkan Audio Ke Blogger

Baca juga : cara mengubah format video ke mp3 (audio)

Cara upload Audio Ke Google Drive 

Masuk ke dalam halaman Google drive sobat, kemudian buat sebuah folder baru dengan nama yang diinginkan. Upload file audio, dari perangkat sobat dan tunggu hingga prosesnya selesai. 

Kemudian buka folder yang tadi di buat, dan klik pada bagian file. Klik pengaturan yang tersedia di pojok kanan atas layar, kemudian pilih 'Keloka akses' dan ubah pengaturan disana menjadi 'Publik' Siapa saja yang memiliki link/ siapa saja di internet yang memiliki link ini dapat melihat.
 
Kemudian Pilih 'salin link' maka akan di dapat sebuah kode seperti berikut:

https://drive.google.com/file/d/1LJwpiOsK2HMx3Er3dVa_Ttw6_xGWyhgX/view?usp=drivesdk

Perhatikan bagian link diatas yang sengaja saya warnai merah, itu adalah sederet id yang nantinya akan kita sematkan kedalam pemutar audio. 

Samapai disini kita tinggalkan dulu Google Drive, sekarang kita masuk ke dalam blogger.

 Baca juga : cara menyisipkan gambar kedalam postingan

Cara Menambahkan Audio Ke Blogger 

Masuk ke dalam dasbord blogger kemudian pilih  menu 'entri baru' atau 'Halaman baru'. Dan ubah mode penulisan ke mode HTML. Masukkan kode HTML di bawah ini ke dalam postingan atau halaman baru tadi.
  
  <!-- Audio  -->
    <span class="titleTrack">Nama artis - Judul lagu</span>
    <div class="audioList">
      <audio controls="controls" src="https://docs.google.com/uc?export=open&id=Link id dari Google drive"></audio>
    </div>

Perhatikan link yang berwarna merah dalam kode diatas, masukkan kode ID yg di dapat dari google Drive sobat, ke dalam kode HTML diatas dengan mengganti link yang sengaja saya warnai merah.

Sehingga susunan kodenya menjadi seperti berikut.
 
<!-- Audio --> <span class="titleTrack">nama artis - Judul lagu</span> <div class="audioList"> <audio controls="controls" src="https://docs.google.com/uc?export=open&id=1LJwpiOsK2HMx3Er3dVa_Ttw6_xGWyhgX"></audio> </div>

Sampai disini silakan klik 'publikasikan' guna melihat hasilnya. Dan berikut adalah demo hasil pembuatan memasukan audio ke dalam blogger
Demo

Selesai. 

dilansir dari : www.ferisp.com