Cara Membuat Chord Transposer (Urutan Chord) pada Blog

This content uses Indonesian, please change to your language by pressing the translate button below.
Thank you for your visit.
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 !!

9 تعليقات

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.

  1. Ini artikel yg saya cari cari
    Sangat bermanfaat gan
    Terima kasih

    ردحذف
  2. terima kasih artikel nya gan, tapi ndak bisa di aplikasikan di blog saya gan

    ردحذف
  3. workk.. ini yg gw cari" slama ini.. hahah mksh banyak gan

    ردحذف
  4. untuk di wordpress gimana gan?

    ردحذف
  5. gabisa mas, tolong dibalas

    ردحذف
  6. Bang kenapa pas bagian intro atau instrument gk bisa?

    ردحذف
  7. Bang kenapa pas bagian intro atau instrument gk bisa?

    ردحذف
  8. Bisa g tombol ny di bikin up down untuk transpose ny gan

    ردحذف

إرسال تعليق

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.

أحدث أقدم