03. Atur style background-nya jadi image terus upload gradient background yang tadi kamu bikin di Ibis.
Q. Emang engga bisa bikin gradient-nya langsung dari Carrd?
A. Bisa, tapi hasilnya jadi beda yaa. Engga jadi concentric gradation kaya yang ada di contoh sebelumnya. Cara bikin gradient di Carrd cukup click Background > Style > Gradient terus atur warnanya sesuai kemauan kamu.
A. Bisa, tapi hasilnya jadi beda yaa. Engga jadi concentric gradation kaya yang ada di contoh sebelumnya. Cara bikin gradient di Carrd cukup click Background > Style > Gradient terus atur warnanya sesuai kemauan kamu.
[HOME]
04. Masuk ke bagian pertama atau home dari Carrd kamu, pertama-tama kita bikin containernya dulu.
Di bagian pojok kiri atas bakal ada (+), terus click icon-nya. Nah, untuk bikin container, kita pilih yang bagian container deh. Atur appearance-nya begini:
• Width: 23
• Padding vertical: 2
• Padding horizontal: 2
• Margins: 0
• Alignment: Auto
• Content alignment: Center
• Content spacing: 0.375
04. Masuk ke bagian pertama atau home dari Carrd kamu, pertama-tama kita bikin containernya dulu.
Di bagian pojok kiri atas bakal ada (+), terus click icon-nya. Nah, untuk bikin container, kita pilih yang bagian container deh. Atur appearance-nya begini:
• Width: 23
• Padding vertical: 2
• Padding horizontal: 2
• Margins: 0
• Alignment: Auto
• Content alignment: Center
• Content spacing: 0.375
👍1
05. Lanjut ke image-nya, cara bikin fotonya bisa diliat di tutorial pop out PNG + curved text dulu yaa. Kalau udah selesai, save as transparent PNG terus buka Carrd > click (+) > click Image terus import fotonya.
Di bagian URL image-nya jangan lupa tambahin #.one untuk lanjut ke halaman selanjutnya yaa.
Di bagian URL image-nya jangan lupa tambahin #.one untuk lanjut ke halaman selanjutnya yaa.
[PAGE 01]
16. Click (+) > Text dan buat text ini jadi tombol untuk kembali ke Home. Aturan penulisan text-nya supaya ada link itu harus [isi text](#.link) yaa. Atur appearance textnya begini:
• Font: Lora
• Size: 0.625
• Weight: Light
• Line Spacing: 1.25
• Letter spacing: -0.025
• Margin: 0
• Alignment: Center
Kalau udah selesai, drag ke dalam container juga.
16. Click (+) > Text dan buat text ini jadi tombol untuk kembali ke Home. Aturan penulisan text-nya supaya ada link itu harus [isi text](#.link) yaa. Atur appearance textnya begini:
• Font: Lora
• Size: 0.625
• Weight: Light
• Line Spacing: 1.25
• Letter spacing: -0.025
• Margin: 0
• Alignment: Center
Kalau udah selesai, drag ke dalam container juga.