Cara Membuat Chord Transposer (Urutan Chord) pada Blog

Pilihan Editor :

Cara Membuat Chord Transposer (Urutan Chord) pada Blog
Tags AAA

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 :

C              G                 Am          F          A
When I find myself in times of trouble, Mother Mary comes to me
C      G        F   C/E   Dm   C
Speaking words of wisdom, let it be

C             G                Am                F
And in my hour of darkness, She is standing right in front of me
C       G         F   C/E   Dm   C
Speaking words of wisdom, let it be

Am         G          F          C
Let it be, let it be, let it be, let it be
G      F   C/E   Dm   C
Whisper words of wisdom, let it be

Demo lain bisa dilihat pada artikel Uji Coba..

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="C">
C            Am    Dm          G
Aku sayang padamu, Aku cinta padamu
C              Am       Dm             G
Semua kan ku lakukan, Demi kebahagiaanmu

F                       Em
Tak pernah ku keluhkan, Walau rintangan menghadang
F                   G                 Em
Panas hujan begini, Makanan sehari - hari
</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 akan seperti dibawah ini :

C            Am    Dm          G
Aku sayang padamu, Aku cinta padamu
C              Am       Dm             G
Semua kan ku lakukan, Demi kebahagiaanmu

F                       Em
Tak pernah ku keluhkan, Walau rintangan menghadang
F                   G                 Em
Panas hujan begini, Makanan sehari - hari


Note :
data-key="C" adalah Urutan Chord awal yang AKTIF saat blog selesai termuat, kamu bisa mengganti huruf "C" 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 !!

3 komentar :

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

    BalasHapus
  2. terima kasih artikel nya gan, tapi ndak bisa di aplikasikan di blog saya gan

    BalasHapus
  3. workk.. ini yg gw cari" slama ini.. hahah mksh banyak gan

    BalasHapus

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.