Cara Membuat Chord Transposer (Urutan Chord) pada Blog

KURAZONE ~ Halo sahabat Kurazer yang baik hati. Tumben - tumbennya nih saya berbagi informasi yang berkaitan dengan Musik, namun masih berhubungan dengan Blog kok. Hehe..

Memiliki Blog musik khusus nya tentang lirik lagu, menjadikan Blog tersebut memiliki ciri khas tersendiri dimata Pengunjung apalagi jika menyajikan Urutan Chord pada Lirik Lagu tersebut. Penempatan Chord biasanya ditulis diatas lirik lagu, seperti pada gambar dibawah ini :
Image by https://www.bonecounty-roleplay.us

Meskipun saya pribadi tidak begitu paham mengenai Urutan Chord tersebut, namun jika diaplikasikan kedalam Blog Lirik Lagu akan menjadi style menarik tersendiri pastinya, seperti Urutan Chord dibawah ini :
        Am                 F
ga sengaja ketemu sama mas jon
        C                  G
ga sengaja liatin muka mas jon
       Am                  F
lama lama makin kepoin mas jon
       C                    G
lama lama aku jadi suka mas jon..
Bagi kamu yang memiliki Blog bertema Lirik Lagu dan ingin menempatkan Chord Transposer (Urutan Chord) pada lirik tersebut, gak ada salahnya jika ingin menggunakan cara ini.

Cara Membuat Chord Transposer (Urutan Chord) pada Blog

1. Buka akun Blogger >> Pilih Menu Postingan >> Buat Artikel Baru
2. Pada saat membuat Postingan Baru, Pindah ke mode HTML
3. Buatlah Lirik dan Chord, Lalu jepit Lirik dan Chord nya oleh kode <pre>, seperti dibawah ini
<pre data-key="A">
        Am                 F
ga sengaja ketemu sama mas jon
        C                  G
ga sengaja liatin muka mas jon
       Am                  F
lama lama makin kepoin mas jon
       C                    G
lama lama aku jadi suka mas jon..
</pre>

4. Copy kode dibawah ini :
<script type="text/javascript">
 $(function() {
    $("pre").transpose();
  });
</script>
<script async="" src="https://cdn.rawgit.com/jessegavin/jQuery-Chord-Transposer/b8bc7a59/jquery.transposer.js" type="text/javascript"></script>
<link href="https://cdn.rawgit.com/jessegavin/jQuery-Chord-Transposer/b8bc7a59/jquery.transposer.css" rel="stylesheet" type="text/css"></link>

5. Paste kodenya diakhir artikel
6. Publikasi artikel

Hasilnya bisa kalian check disitus ini : Chord Kurazone

Note :
data-key="A" adalah Urutan Chord awal yang AKTIF saat blog selesai termuat, kamu bisa mengganti huruf "A" dengan huruf Chord lain seperti :
  1. Ab
  2. A
  3. A#
  4. Bb
  5. B
  6. C
  7. C#
  8. Db
  9. D
  10. D#
  11. Eb
  12. E
  13. F
  14. F#
  15. Gb
  16. G
  17. G#

Sedangkan untuk meluruskan letak Chrod dengan Lirik, bisa menggunakan spasi untuk menggeser Chord nya. Itulah informasi mengenai "Cara Membuat Chord Transposer (Urutan Chord) pada Blog", selamat mencoba dan semoga bermanfaat. Goodluck !!





أحدث أقدم