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
Posting Komentar