Membuat Chord Transposer Pada Website



1. Sisipkan kode berikut di Tag <head> HTML:

<link href='https://jquery-chord-transposer.vercel.app/jquery.transposer.css' rel='stylesheet' type='text/css'/>

2. Apit lirik dan chord dengan tag <pre data-key="A"> Chord dan Lirik Lagu anda... </pre>, dimana A adalah root chord.

3. Sisipkan kode berikut di akhir lirik dalam mode HTML :

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js' type='text/javascript'/>
<script src='https://jquery-chord-transposer.vercel.app/jquery.transposer.js' type='text/javascript'/>
<script type='text/javascript'>
    $(function() {
        $("pre").transpose();
    });
</script>

Demo:

Selengkapnya cek aja di: 

Komentar

Postingan populer dari blog ini

Perbedaan Mendasar Antara DAW Populer: Mana yang Tepat Untuk Anda?

Perbedaan Keyboard Yamaha, Korg, Roland, Casio, Medeli, dan Technics

Lagu Kerinci: Mengapa Belum Populer di Indonesia?