Cara Membuat Chord Transposer (Urutan Chord) pada Blog - Kurazone Blog | Panduan Belajar Blogger Pemula

Cara Membuat Chord Transposer (Urutan Chord) pada Blog

Pilihan Editor :

Cara Membuat Chord Transposer (Urutan Chord) pada Blog
Penulis Bagus Surochman
1
Modus malam



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 Tema >> Pilih Edit HTML
2. Copy kode dibawah ini, lalu letakkan (paste) diatas kode </body>
<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>
3. Simpan Template
4. Masuk ke Menu Postingan >> Edit Postingan yang sudah ada / Buat Postingan Baru
5. Pindah ke mode HTML
6. 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>
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.

7. Selanjutnya Publikasi postingan kamu dan lihat hasilnya.

Itulah informasi mengenai "Cara Membuat Chord Transposer (Urutan Chord) pada Blog", selamat mencoba dan semoga bermanfaat. Goodluck !!

nanio
Cara Membuat Chord Transposer (Urutan Chord) pada Blog
Cara Membuat Chord Transposer (Urutan Chord) pada Blog Cara Membuat Chord Transposer (Urutan Chord) pada Blog Reviewed by Bagus Surochman on 7/28/2018

1 komentar:

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

    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.