Pada artikel kali ini penulis akan memberikan tutorial tentang bagaiman cara menambahkan effect suara pada link blog, terutama jika anda menggunakan Blogger. Cara kerjanya adalah jika link anda di klik oleh pengunjung, maka akan terdengar sebuah suara yang telah anda tentukan sebelumnya. Jadi nanti sobat blogger sekalian dapat menentukan suara apakah yang akan dipasang pada link tersebut. Ok, langsung saja simak pembahasannya berikut ini
Yang pertama silahkan sobat blogger terlebih dahulu login di blog. Setelah itu klik Template >> klik Edit HTML >> kemudian cari kode </body> (klik ctrl+g untuk mempermudah pencarian). Kemudian Copy Paste kode Script dibawah ini dan simpan di atas kode tadi.
File javascript diatas adalah scrip yang sudah siap pakai, apa bila sobat blogger ingin mengedit kode tersebut untuk mengganti suara yang sobat bloger sukai, silahkan edit kode dibawah ini kemudian sava dengan format ".js" kemudian silahakan di upload.
Silahkan sobat blogger memilih url link suara/ringtonenya. Jika perlu di upload dapat melalui Google Drive atau 4Shared. Perlu diingat format audionya menggunakan, .mp3, .mp4, .ogg dan .wav.
<script src='https://sites.google.com/site/brotherrickyxp/home/utk-file-js/suaraaja.js' type='text/javascript'/>
function createsoundbite(e){var t=document.createElement("audio");if(t.canPlayType){for(var n=0;n<arguments.length;n++){var r=document.createElement("source");r.setAttribute("src",arguments[n]);if(arguments[n].match(/\.(\w+)$/i))r.setAttribute("type",html5_audiotypes[RegExp.$1]);t.appendChild(r)}t.load();t.playclip=function(){t.pause();t.currentTime=0;t.play()};return t}else{return{playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}}}var html5_audiotypes={mp3:"audio/mpeg",mp4:"audio/mp4",ogg:"audio/ogg",wav:"audio/wav"};
var mouseoversound=createsoundbite("URL HOVER SOUND");
var clicksound=createsoundbite("URL KLIK SOUND");
Kemudian untuk menerapkan di postingan, silahkan sobat menggunakan format pembuatan url dengan kode sebagai berikut :
1. Hover Link With Sound (jika cursor melewati link, akan berbunyi)
2. Click Link With Sound (jika link diklik, akan berbunyi)<a href="URL Disini" onmouseover="mouseoversound.playclip()">Teks untuk HOVER LINK WITH SOUND</a>
<a href="URL Disini" onclick="clicksound.playclip()">Teks untuk CLICK LINK WITH SOUND</a>3. Hover and Click Link Sound (gabungan no.1 dan no.2)
Langkah selanjutnya, simpan dan lihatlah hasilnya. Pastika sobat blogger menulis kodenya dengan benar agar berhasil. Sekian artikel kali ini, semoga bermanfaat dan salam blogger.<a href="URL Disini" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">Teks untuk CLICK & HOVER LINK WITH SOUND</a>
