Cara Membuat Efek Suara di Blog
Salah satu cara untuk membumbui Tumblr blog perusahaan Anda adalah untuk menambahkan efek suara yang memainkan ketika beban blog atau ketika pengguna mengklik atau menggerakkan mouse di atas elemen seperti tombol atau gambar . Tag audio HTML5 membuatnya mudah untuk menambahkan fitur ini ke blog Anda , Anda akan perlu memiliki efek suara dalam format WAV untuk memastikan bermain di browser yang paling populer .
Langkah 1
Mencari efek suara gratis atau meng-upload efek suara Anda sendiri ke lokasi yang dapat diakses publik . Identifikasi URL dari efek suara berkas , sebaiknya dalam format WAV .
Langkah 2
Login ke situs Tumblr perusahaan . Klik ikon roda gigi untuk mengedit pengaturan blog .
Reading Terkait : Cara Masukkan Background Tumblr Themes
Langkah 3
Pilih blog di mana Anda ingin memainkan efek suara dari daftar blog di akun Anda . Cari label tema , pilih " Customize" dan pilih "Edit HTML . "
Langkah 4
Bermain efek suara secara otomatis ketika Anda Tumblr blog beban dengan menyisipkan kode HTML berikut setelah tag <head> . Gunakan berbagai format efek suara yang sama untuk mendukung beberapa browser (lihat Tips ) .
<audio id="soundeffect" autoplay> <source src="http://example.com/soundeffect.wav" preload="auto"> < / audio >
Langkah 5
Memutar suara ketika sebuah peristiwa terjadi , seperti ketika pengguna melewati mouse-nya lebih dari satu elemen HTML . Sebagai contoh, tambahkan baris berikut ke tema Tumblr Anda di suatu tempat setelah tag <body> untuk memainkan efek suara ketika pengguna menggerakkan mouse di atas file gambar :
<img src="play.gif" width="100" height="25" alt="Play" onmouseover="document.getElementById('soundeffect').play();" />
Langkah 6
Menambahkan kode JavaScript di tempat dalam tema Anda di mana Anda ingin efek suara untuk bermain jika tidak terikat pada suatu peristiwa . Sebagai contoh, ketik :
. <script> document.getElementById ( ' SoundEffect ' ) bermain ( ) ; < / script >
Cara Membuat Efek Suara di Blog
Tidak ada komentar:
Posting Komentar