Rabu, 28 Agustus 2019

Menambahkan Audio

Untuk menghemat waktu kita langsung saja pada tata caranya. Silahkan ikuti langkah-langkah berikut secara berurutan dengan saksama.
  1. Login pada situs: Google Drive
  2. Pada sidebar kiri, klik tombol Baru > Upload File. Masukkan file audio dengan format mp3.
  3. Jika upload sukses, klik pada file dan pilih opsi titik 3 di pojok kanan atas lalu bagikan dan klik Dapatkan link yang bisa dibagikan.
  4. Pastekan saja dulu tautan tersebut pada notepad atau sejenisnya. Contoh urlnya.
    https://drive.google.com/open?id=19SlhgYYNzlo2_k_e_S3r6OvpZ-KnLYjL
    
  5. Kemudian copy paste kode berikut.
    <audio controls="">
    <source src="https://drive.google.com/file/x/xxxxxxxxxxxxx" type="audio/mp3"></source>
    </audio>
    
  6. Kembali ke link sebelumnya, ganti id xxx pada kode diatas dengan baris id yang terdapat dalam link mp3 Google Drive tadi. Lihat yang bertanda merah. Nanti hasil akhirnya menjadi.
    <audio controls="">
    <source src="http://docs.google.com/uc?export=open&amp;id=19SlhgYYNzlo2_k_e_S3r6OvpZ-KnLYjL" type="audio/mp3"></source>
    </audio>
  7. Pasang dimana saja dalam tata letak blog pilih opsi HTML/JAVASCRIPT seperti saya contohkan dibawah dan selamat menikmati!

    Related Posts:

    • Quiz .pertama { color: red; } .kedua { color: black; } .body { background: #fff; margin:50; font-family; 'open sans-serif'; } .tombol { background: white; color: black; font-size: 11pt; width: 300 ; border: none; border-radius… Read More
    • Menambahkan AudioUntuk menghemat waktu kita langsung saja pada tata caranya. Silahkan ikuti langkah-langkah berikut secara berurutan dengan saksama. Login pada situs: Google Drive Pada sidebar kiri, klik tombol Baru > Upload File. Mas… Read More
    • Menambahkan AnimasiCaranya mudah sekali teman teman hanya Copas saja .. Ikuti langkah yang saya berikan... 1.Masuk ke menu tata Letak Dan klik tambahkan gadget , terserah side mana saja... 2.Pilih Html/javascript yang saya kasih tanda di… Read More
    • Tanggal Lahirku .p{width: 800px; margin:auto;} .container{width: 800px; margin:auto;} th{padding: 15px; background-color: #169D45; color:white; font-family: arial black} td{text-align: center; padding: 15px ; background-color: white;… Read More
    • Koran Komputer Koran Komputer .header { font-family: "arial black"; color: white; texr-align: center; padding: 30px; font-size: 15px; } body{ font-family: roboto; color: #fff; } h1,h2{ text-align: center; } .kotak{ … Read More

    0 komentar:

    Posting Komentar