Sabtu, 01 Agustus 2015

Membuat Link Hover dengan Efek Suara

Masih di Variasi Blogger share Cara Membuat Efect suara pada link ketika di klik cekidot Silahkan sobat Copy Paste kode script di bawah ini dan simpan di blog sobat

Silahkan log in terlebih dahulu di blog sobat , klik Template >> klik Edit HTML >> kemudian cari kode </body> Kemudian Copy Paste kode Script dibawah ini dan simpan di atas kode tadi


<script src='https://sites.google.com/site/brotherrickyxp/home/utk-file-js/suaraaja.js' type='text/javascript'/>

Kode script diatas adalah kode script yang sudah siap pakai jika sobat ingin mengeditnya silahkan menggunakkan kode dibawah ini kemudia upload menjadi file js

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("https://sites.google.com/site/brotherrickyxp/home/utk-file-js/hallo%20monster_01.ogg"); 
var clicksound=createsoundbite("https://sites.google.com/site/brotherrickyxp/home/utk-file-js/wow-1_01.ogg");

Oia Sobat sebelum mengupload menjadi file jsnya silahkan sobat mengganti file sound di antaranya :

- https://sites.google.com/site/brotherrickyxp/home/utk-file-js/hallo%20monster_01.ogg

https://sites.google.com/site/brotherrickyxp/home/utk-file-js/wow-1_01.ogg

kode script merah diatas adalah kode efect suara yang diterapkan di blogs ini , apabila sobat ingin merubah dengan suara pilihan sobat silahkan tinggal pilih suara pilihan sobat kemudian convert MP3 menjadi Ogg sobat bisa mengunjungi situs ini untuk menconvertnya klik  audio.online-convert.com , jika sudah di converter soundnya silahkan upload file soundnya di hostingmu bisa di 4shared atau Google site , jika sudah selesei silahkan Copy Paste link soundnya ke file js yang akan sobat upload , dan simpan Template

Kemudian untuk menerapkan Efect suara pada link ketika di kliknya ( Link Alert With Sound ) , Sobat hanya menyisipkan kode script dibawah ini pada setiap link pilihan yang akan diberi efect suara tersebut

1. Hover Link With Sound

<a href="URL Disini" onmouseover="mouseoversound.playclip()">Teks untuk HOVER LINK WITH SOUND</a>

2. Click Link With Sound

<a href="URL Disini" onclick="clicksound.playclip()">Teks untuk CLICK LINK WITH SOUND</a>

3. Hover and Click Link Sound

<a href="URL Disini" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">Teks untuk CLICK & HOVER LINK WITH SOUND</a>

Simpan dan lihat hasilnya , Semoga bermanfaat sobat oia untuk melihat demonya silahkan klik DEMO

0 komentar: