Cara Membuat Artikel Chord Gitar PopUp ZTN MUSIC v.3.0.0

Untuk memposting artikel chord gitar, pertama ganti tampilan Penulis ke tampilan HTML lalu copy code html di bawah ini, pastekan di halaman artikel blogger kamu, lalu ganti "Artikel chord gitar di sini" dengan artikel chord gitar kamu tanpa perlu menambahkan code apapun lagi.

HTML

<pre id='sizeable'>
Artikel chord gitar di sini
</pre>

Contoh artikel:

Band/Artis: Armada
Judul: Asal Kau Bahagia

Contoh:

<pre id='sizeable'>
intro :  F G E Am F G C . . 

C
yank . . . 
  F         G   Am
kemarinku melihatmu
       F    G     C
kau bertemu dengannya . . 

C
ku . . . 
  F            G    Am
rasa sekarang kau masih
    F      G         C
memikirkan tentang dia ..
 
F          G
apa kurangnya aku
  Em        Am
didalam hidupmu
           A#        G
hingga kau curangi aku ..
 
reff : 
  C          Dm
  katakanlah sekarang
     E           Am
  bahwa kau tak bahagia
  F         C E
  aku punya ragamu
    Dm        G
  tapi tidak hatimu ..
 
   C            Dm
  kau tak perlu berbohong
      E          Am
  kau masih menginginkannya
  F           C E
  ku rela kau dengannya
   Dm          G   C
  asalkan kau bahagia ..
 
 C
yank . . .
   F         G         Am
ku rasa sekarang kau masih
    F       G        C
memikirkan tentang dia ..
 
F          G
apa kurangnya aku
  Em        Am
didalam hidupmu
           A#       G
hingga kau curangi aku ..
 
reff : 
  C          Dm
  katakanlah sekarang
     E           Am
  bahwa kau tak bahagia
  F         C E
  aku punya ragamu
    Dm        G
  tapi tidak hatimu ..
 
   C            Dm
  kau tak perlu berbohong
      E          Am
  kau masih menginginkannya
  F           C E
  ku rela kau dengannya
   Dm          G  (C) 
  asalkan kau bahagia ..
 
musik:  C Am Dm G - F
        Em Am Dm G
        C Am Dm G - F
        Em Am A# ..  G .. 
                oo .. uuu ..
 
reff : 
  C          Dm
  katakanlah sekarang
     E           Am
  bahwa kau tak bahagia
  F         C E
  aku punya ragamu
    Dm        G
  tapi tidak hatimu . .
 
   C            Dm
  kau tak perlu berbohong
      E          Am
  kau masih menginginkannya
  F           C/E
  ku rela kau dengannya
   Dm          G   Dm  C E
  asalkan kau bahagia . . oouuuu
    F         G      (C)
  asalkan kau baha . . gia . . .
 
outro: C Am Dm G  - F
       Em Am Dm G C</pre>

Tips membuat artikel chord gitar dengan benar (valid)

Anda harus mengisi chord yang akan di ubah dengan huruf besar (single) contoh (A), untuk chord minor maupun mayor awalan huruf besar di ikuti dengan huruf kecil contoh (Am) jangan huruf kecil semua, contoh (am).

Huruf teks lirik pokonya selain teks chord harus kecil semua tidak boleh ada kombinasi huruf besar dan kecil, kalo tidak! akan keditek sebagai teks chord, Tools untuk mengecilkan huruf lirik otomatis

Semisal kalian ingin menambahkan teks deskripsi atau sekedar artikel biasa, jangan di dalam code <pre id='sizeable'></pre> Nah kalo di luar code ini kalian bisa bermain dengan teks, kombinasi huruf besar maupun kecil dan sebagainya.

VIDEO

Tools Generate Code Artikel

Paste artikel di sini, Gunakan Ctrl + V

Untuk memposting artikel chord gitar, pertama ganti mode Penulis ke mode HTML lalu copy hasil artikel yang sudah di generate, pastekan di halaman artikel kamu.

Menerapkan secara manual

Untuk memposting artikel chord gitar, pertama ganti mode Penulis ke mode HTML lalu copy, susun sesuai petunjuk, pastekan di halaman artikel kamu.

Dibagian awal artikel chord gitar. Lihat contoh penerapkan artikel dibagian awal artikel chord gitar.

HTML

<pre id='sizeable'>
Artikel disini
</pre>

KODE CHORD ini adalah gambar chordnya,
cara memasangnya? tekan A-chord/G-chord, tap atau tekan gambar chordnya secara otomatis langsung ke copy code chordnya, disesuaikan dengan satu chordnya. terdiri dari chord setandar A-chord sampai G-chord pasang di dalam postingan.

Contoh penerapan kode di postingan chord gitar: Silahkan copy dan paste di blogger kamu biar ada gambaran.

HTML

<pre id='sizeable'>
intro : <a class="ztnchord">D<span class="custom ztn-D"></span></a> . . . . 
         <a class="ztnchord">D<span class="custom ztn-D"></span></a> <a class="ztnchord">Bm<span class="custom ztn-Bm"></span></a> <a class="ztnchord">A<span class="custom ztn-A"></span></a>  ( 2x )

 <a class="ztnchord">D<span class="custom ztn-D"></span></a>     <a class="ztnchord">A<span class="custom ztn-A"></span></a>           <a class="ztnchord">Bm<span class="custom ztn-Bm"></span></a>
 tuhan ku lagi sendiri
 <a class="ztnchord">A<span class="custom ztn-A"></span></a>          <a class="ztnchord">Em<span class="custom ztn-Em"></span></a>
 memikirkan dia
 <a class="ztnchord">G<span class="custom ztn-G"></span></a>              <a class="ztnchord">A<span class="custom ztn-A"></span></a>
 slalu tentang dirinya
 <a class="ztnchord">D<span class="custom ztn-D"></span></a>      <a class="ztnchord">A<span class="custom ztn-A"></span></a>           <a class="ztnchord">Bm<span class="custom ztn-Bm"></span></a>
 tuhan ini jeritan jiwaku
 <a class="ztnchord">A<span class="custom ztn-A"></span></a>                <a class="ztnchord">Em<span class="custom ztn-Em"></span></a>
 jeritan tentang hatiku
 <a class="ztnchord">G<span class="custom ztn-G"></span></a>              <a class="ztnchord">A<span class="custom ztn-A"></span></a>
 semua keluh kesahku
 <a class="ztnchord">G<span class="custom ztn-G"></span></a>              <a class="ztnchord">A<span class="custom ztn-A"></span></a>
  semua keluh kesahku</pre>

Video Cara Update Artikel

Halaman ini tidak bisa klik kanan, Ctrl + U dan F12 untuk ke amanan internal, Tapi tenang! tersedia tombol Copy di setiap code dan untuk Tools Artikel ada tombol Paste ijinkan akses ke clipboard maka akan otomatis muncul artikel kamu di dalam tools, atau bisa menggunakan Ctrl + V, Hasil artikel yang sudah di generate tinggal klik tombol copy atau crop tekan Ctrl + C

Gunakan Ctrl + C untuk Copy

Gunakan Ctrl + V untuk Paste

<a class="ztnchord">Abmaj7</a>

<a class="ztnchord">Absus</a>

<a class="ztnchord">Bbmaj7</a>

<a class="ztnchord">Bbsus</a>

<a class="ztnchord">Dbmaj7</a>

<a class="ztnchord">Dbsus</a>

<a class="ztnchord">Ebmaj7</a>

<a class="ztnchord">Ebsus</a>

<a class="ztnchord">Gbmaj7</a>

<a class="ztnchord">Gbsus</a>