Sedikit Info Seputar
Menambahkan "Suara / Efek" Klik pada Tautan dan Tombol di Blog
Terbaru 2017
- Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Menambahkan "Suara / Efek" Klik pada Tautan dan Tombol di Blog, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang
Artikel Basic,
Artikel BLOGGER,
Artikel HTML5,
Artikel jQuery, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Menambahkan "Suara / Efek" Klik pada Tautan dan Tombol di Blog
Terbaru
link: Menambahkan "Suara / Efek" Klik pada Tautan dan Tombol di Blog
Berbagi Menambahkan "Suara / Efek" Klik pada Tautan dan Tombol di Blog Terbaru dan Terlengkap 2017
Rasa-nya sudah lama saya tidak berbagi tutorial seputar Kustomisasi Blogger.. Padahal sebenernya akhir-akhir ini saya masih aktif modifikasi template blog ini, dan menyempatkan waktu untuk membalas komentar2 di beberapa postingan yang sedang aktif di blog ini.Baiklah, back to post! kali ini saya ingin berbagi tutorial tentang "Cara Menambahkan "Suara / Efek" Klik pada Tautan dan Tombol di Blog".
Penasaran seperti apa tutorial tersebut? silahkan coba klik Link dan Tombol Demo di bawah ini!
( Catatan : Pastikan Speaker Computer / Headset sobat aktif agar dapat mendengarkan Demo-nya )
Demo (Dengarkan!)
Sudah tidak sabar seperti apa tutorial nya? here we go..
Tutorial
Langkah-1 : Siapkan file sound/musik yang sobat inginkan! sobat bisa menggunakan file dengan format ".MP3" karena dalam tutorial ini saya menggunakan tag <audio> dalam HTML5 yang sudah support/dapat membaca file tersebut.Pada tutorial ini saya menggunakan file sound/musik MP3 dari SoundBible.com. Berikut URL-nya :
http://soundbible.com/mp3/Button_Press_2-Marianne_Gagnon-1415267358.mp3Langkah-2 : Pastikan sobat sudah memasang jQuery Library pada blog sobat untuk menerapkan plugin ini di semua Tombol & Tautan! Jika belum memasang jQuery Library, silahkan simpan kode berikut sebelum tag </head> pada halaman "Edit Template" :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>Langkah Terakhir! : Simpan Settingan Kode HTML & Javascript berikut setelah tag <body> :
<!-- SOUND FX CLICK By: KangRian.com -->
<audio id='klik1' src='http://soundbible.com/mp3/Button_Press_2-Marianne_Gagnon-1415267358.mp3'/>
<script>
// <![CDATA[
function klik1() {
var audio = document.getElementById('klik1');
audio.play();
}
// SoundFX Global Tag!
$(document).ready(function(){
$("a, button").attr("onclick", "klik1()");
});
//]]></script>
<!-- #SOUND FX CLICK By: KangRian.com -->Selamat mencoba! Jika mengalami kendala, silahkan berkomentar.. semoga bermanfaat! ^_^