Appearances : Text Editor

Berikut beberapa panduan jika Anda ingin mengubah berbagai macam styling berdasarkan preferensi Anda.
1. Membuat Teks tebal, miring, atau bergaris bawah
Tidak jauh berbeda dengan mengedit dokumen word, Anda dapat membuat teks tebalmiring, dan garis bawah dengan menggunakan Ikon di bawah ini :

Text Editor 1

2. Mengatur keselarasan teks baik keselarasan kiri, tengah, kanan atau sama rata
Anda dapat menyesuaikan bagian-bagian dari teks Anda ke kiri, tengah, kanan, atau menyamaratakan dengan menggunakan ikon di bawah ini:

Text Editor 2
(Catatan: dalam web, disarankan untuk tidak menggunakan keselarasan sama rata karena menyebabkan jarak ekstra dan membuat halaman Web sulit untuk dibaca.)

3. Mengubah gaya teks, warna, atau ukuran huruf
Ada tiga jenis gaya teks yang dapat digunakan dalam web, yaitu:

  • Heading
    digunakan untuk judul atau subjudul dari sebuah artikel. Menggunakan judul yang tepat dalam artikel memiliki keuntungan untuk menghasilkan hasil SEO yang lebih baik.
  • Paragraf
    digunakan untuk konten utama dari sebuah artikel
  • Kutipan
    digunakan untuk bagian teks yang ingin anda sorot

Berikut ini adalah contoh dari gaya teks yang dapat mempengaruhi tampilan web:

Text Editor 3Dan untuk mengubah gaya teks dari tulisan, warna, dan ukuran huruf, Anda dapat menggunakan ikon dibawah ini:

Text Editor 4

4. Membuat List
Untuk membuat list, berikut adalah ikon yang akan digunakan :

Text Editor 5

Anda juga dapat membuat list di dalam list . Harap ikuti langkah-langkah berikut untuk membuat list di dalam list :
  • klik ‘Insert/Remove Numbered List Icon’
  • Ketika anda ingin membuat list di dalam list, klik ‘Increase Indent Icon’
  • List di dalam list akan otomatis dibuat.
  • Untuk mengubah kembali, klik ‘Insert/Remove Bulleted List’
  • Untuk mengakhiri list di dalam list, klik ‘Decrease Indent Icon’
5. Membuat Indentasi
Indentasi digunakan untuk membuat list dalam list atau untuk meningkatkan indentasi teks. Berikut adalah ikon yang akan digunakan:

Text Editor 6

6. Membuat sebuah Link
Untuk membuat link pada teks / gambar, Harap ikuti langkah-langkah berikut:

  • Sorot teks / klik gambar yang akan dihubungkan 
  • klik ‘Insert/Edit Link Icon’
  • Berikut adalah beberapa data yang harus diisi untuk membuat sebuah link :
    • Link URL
      Pilih URL yang anda inginkan untuk di hubungkan pada teks / gambar. Pastikan Anda memasukkan URL lengkap misalnya. http://www.sirclo.com bukan hanya www.sirclo.com
    • Target
      Anda dapat menentukan apakah URL terkait akan terbuka di jendela baru, atau akan menggantikan URL dalam jendela Anda saat ini. Ketika tidak ditentukan, nilai default adalah ‘Buka Tautan di jendela yang sama’
    • Title
      Judul bersifat opsional. Hal ini digunakan untuk menggambarkan link, dan akan muncul ketika dihubungkan pada teks / gambar
  • Klik Insert

Untuk menghapus link yang yang telah dibuat, harap ikuti langkah-langkah dibawah ini:

  • Sorot link teks atau klik link gambar
  • Klik Ikon ‘Unlink

Berikut adalah ikon yang digunakan untuk membuat / menghapus link :

Text Editor 7

7. Membuat link dalam halaman
Selain external link, Anda juga dapat membuat link dalam halaman yang membawa ke bagian yang berbeda dari halaman yang sama.

Untuk membuat link di halaman, harap ikuti langkah-langkah berikut:

  • Klik di manapun dalam editor teks di mana Anda ingin link anda untuk menunjuk
  • Klik Ikon ‘Insert/Edit Anchor’
  • Masukkan nama di bawah ‘Anchor Name’ untuk mengidentifikasi tempat (Dianjurkan untuk membuat nama yang mudah dimengerti)
  • Selanjutnya sorot teks yang akan dihubungkan, atau klik gambar untuk dihubungkan dengan ‘Anchor’ yang baru saja dibuat
  • Klik Ikon ‘Insert/Edit Link’
  • Tentukan Link URL sebagai # <anchor_name> yang anda baru saja buat.

Berikut adalah ikon yang digunakan untuk membuat link di halaman :

Text Editor 8

8. Membuat garis horizontal
Garis horizontal biasanya digunakan sebagai pemisah. Untuk menambahkan garis horizontal, klik Ikon ‘Insert Horizontal Line’

Berikut adalah ikon yang digunakan untuk menambahkan garis horizontal :

Text Editor 10

9. Membuat Table
Tabel banyak digunakan jika Anda memiliki teks berbentuk kolom, Berikut adalah ikon yang digunakan untuk membuat dan memperbarui tabel :

Text Editor 11

Insert/Edit Table 

  • Klik ikon ini untuk menambahkan tabel baru. Berikut adalah beberapa data yang dapat anda tentukan :
    • Columns
      Hal ini menunjukkan jumlah kolom yang akan dibuat
    • Rows
      Hal ini menunjukkan jumlah baris yang akan dibuat
    • Abaikan data lain, karena hanya digunakan untuk pengeditan lanjutan
  • Table Row Properties
    Hal ini digunakan untuk memperbarui properti dari seluruh baris dalam sebuah tabel. Berikut adalah beberapa data yang dapat anda tentukan :
    • Row Type (optional)
      Baris bisa menjadi sebuah header / body / footer. Styling yang berbeda mungkin berlaku untuk berbagai jenis baris.
    • Alignment (optional)
      Hal ini digunakan untuk mengatur alignment baris horizontal (tengah / kiri / kanan)
    • Vertical Alignment (optional)
      Hal ini digunakan untuk mengatur alignment baris vertikal (atas / pusat / bawah)
    • Height (optional)
      Hal ini digunakan untuk mengatur ketinggian baris
  • Table Cell Properties
    Hal ini digunakan untuk memperbarui properties dari cell saja. Berikut beberapa data yang dapat anda tentukan :

    • Alignment (optional)
      Hal ini digunakan untuk mengatur alignemnt baris horizontal (tengah / kiri / kanan)
    • Vertical Alignment (optional)
      Hal ini digunakan untuk mengatur alignment baris baris (atas / pusat / bawah)
  • Insert Row Before
    Hal ini digunakan untuk menambahkan baris baru sebelum baris di mana kursor berada
  • Insert Row After
    Hal ini digunakan untuk menambah baris baru setelah baris di mana kursor berada

  • Delete Row
    Hal ini digunakan untuk menghapus baris di mana kursor berada
  • Insert Column Before
    Hal ini digunakan untuk menambahkan kolom baru sebelum kolom di mana kursor berada
  • Insert Column After
    Hal ini digunakan untuk menambahkan kolom baru setelah kolom di mana kursor berada
  • Delete Column
    Hal ini digunakan untuk menghapus kolom di mana kursor berada
  • Split Merged Table Cells
    Hal ini digunakan untuk membagi sel yang telah digabungkan sebelumnya (lihat di bawah tentang cara untuk menggabungkan sel)
  • Merge Table Cells
    Beberapa cell tabel yang berdekatan dapat digabungkan bersama-sama ke dalam satu cell. Untuk melakukannya, sorot beberapa cell dan klik icon ‘Merge Table Cells’
10. Memasukkan Spesial Karakter
Untuk memasukkan Spesial Karakter, klik ikon ‘Insert Special Character’ dan pilih karakter. Berikut ikon yang digunakan :

Text Editor 12

11. Memasukkan Sebuah Gambar
Untuk memasukkan sebuah gambar, harap ikuti langkah-langkah berikut: :

  • Klik di mana Anda ingin menambahkan gambar
  • Klik icon ‘Insert/Edit Image’

Text Editor 13

  • Salin URL gambar dari file gambar jika gambar sudah ada.
    Text Editor 14
    Klik Insert
  • Jika gambar belum tersedia, pertama anda harus menambahkan gambar ke file, harap ikuti langkah-langkah berikut:
    • Pilih Files di sidebar. Kemudian, pilih New Files > add file .
      Text Editor 15

      • Pilih gambar yang akan dimasukkan
      • Klik save, dan ikuti langkah-langkah seperti di atas.
  • Untuk mengatur posisi gambar, klik icon ‘Insert/Edit Image’  > Appearance

Text Editor 18

12. Memasang Sebuah Vidio
Untuk memasang video dari sumber video lainnya seperti YouTube ke situs web Anda, ikuti langkah-langkah berikut :

  • Pilih situs web yang menyediakan video
  • Buka video yang ingin Anda pasang
  • Klik kanan pada video dan copy kode embed
  • Klik ikon HTML untuk membuka kotak dialog HTML Source Code

Text Editor 16

  • Paste kode embed di kotak dialog HTML Source Code Text Editor 17
  • Klik Update 

Saatnya Punya Toko Online Sendiri

Saatnya Buka Toko Online Sendiri