---
description: Berisi font, font size, colour, boxed, aligned, array, cases, dan panah.
---

# Kreasi LaTeX

## Daftar Isi

_<mark style="color:red;">(Tinggal klik untuk menuju ke konten)</mark>_

1. [**Font (Jenis Huruf)**](#font-jenis-huruf)
2. [**Font Size (Ukuran Huruf)**](#font-size-ukuran-huruf)
3. [**Color (Warna)**](#colour-warna)
4. [**Colorbox**](#colorbox)
5. [**Boxed**](#boxed)
6. [**Aligned**](#aligned)
7. [**Array**](#array)
8. [**Cases**](#cases)
9. [**Panah**](#panah)
10. [**Tabel**](#tabel)
11. [**Susunan Lingkaran**](#susunan-lingkaran)

## Font (Jenis Huruf)

* $$\underline{underline}$$ ⇒`\underline{underline}`
* $$\bf{bold}$$ ⇒ `\bf{bold}` atau `\bold{bold}`
* $$\it{italic}$$ ⇒ `\it{italic}`
* $$\tt{Typewriter~font}$$ ⇒ `\tt{Typewriter~font}`
* $$\sf{Serif~font}$$ ⇒ `\sf{Serif~font}`
* $$\rm{Roman~font}$$ ⇒ `\rm{Roman~font}`
* $$\mathfrak{mathfrak}$$ ⇒ `\mathfrak{mathfrak}`
* $$\mathcal{MATHCAL}$$ ⇒ `\mathcal{MATHCAL}`
* $$\mathbb{MATHBB}$$ ⇒ `\mathbb{MATHBB}`

{% hint style="info" %}
**Info :**&#x20;

JIka setelah tanda "\\" dan sebelum kode font diberi tambahan "<mark style="color:blue;">text</mark>", maka akan monospace. Artinya, jarak tiap kata akan sama tanpa diberi kode spasi.\
Contoh :&#x20;

`\textrm{I Love You}`⇒$$\textrm{I Love You}$$
{% endhint %}

### Strikethrough

1. `\not{1}` → untuk mencoret 1 angka/huruf, contoh : $$\not{1}$$
2. `\cancel{123}` → untuk mencoret >1 angka/huruf dari kanan atas ke kiri bawah (<mark style="color:purple;">hanya bisa dilihat di apk</mark>), contoh : $$\cancel{123}$$
3. `\bcancel{123}` → untuk mencoret >1 angka/huruf dari kiri atas ke kanan bawah (<mark style="color:purple;">hanya bisa dilihat di apk</mark>), contoh : $$\bcancel{123}$$
4. `\xcancel{123}` → untuk mencoret >1 angka/huruf secara silang (<mark style="color:purple;">hanya bisa dilihat di apk</mark>), contoh : $$\xcancel{123}$$

## Font Size (Ukuran Huruf)

1. $$\tiny{tiny}$$ ⇒ `\tiny{tiny}`
2. $$\scriptsize{scriptsize}$$ ⇒ `\scriptsize{scriptsize}`
3. $$\footnotesize{footnotesize}$$ ⇒ `\footnotesize{footnotesize}`
4. $$\small{small}$$ ⇒ `\small{small}`
5. $$\normalsize {normal}$$ ⇒  `\normalsize {normal}` atau tanpa kode
6. $$\large{large}$$ ⇒ `\large{large}`
7. $$\Large{Large}$$ ⇒ `\Large{Large}`
8. $$\LARGE{LARGE}$$ ⇒ `\LARGE{LARGE}`
9. $$\huge{huge}$$ ⇒ `\huge{huge}`
10. $$\Huge{Huge}$$ ⇒ `\Huge{Huge}`

## Colour (Warna)

{% hint style="info" %}
Warnanya hanya bisa dilihat di aplikasi.
{% endhint %}

**Format :**&#x20;

\color{text}

**Warna :**&#x20;

* `\orange{orange}` ⇒ $$\orange{orange}$$
* `\blue{blue}`⇒ $$\blue{blue}$$
* `\purple{purple}`⇒ $$\purple{purple}$$
* `\green{green}`⇒ $$\green{green}$$
* `\gray{gray}`⇒ $$\gray{gray}$$
* `\red{red}`⇒ $$\red{red}$$
* `\pink{pink}`⇒ $$\pink{pink}$$

{% hint style="warning" %}
Ada pula warna lain, tetapi latex hanya terlihat rapi di aplikasi. Warna berikut ini hanya rapi di aplikasi, sedangkan di web kurang rapi.
{% endhint %}

**Format :**&#x20;

`\color{`_`color`_`}{text}`

**Warna :**&#x20;

* `\color{pink}{pink}`⇒ $$\color{pink}{pink}$$
* `\color{yellow}{yellow}`⇒ $$\color{yellow}{yellow}$$
* `\color{cyan}{cyan}`⇒ $$\color{cyan}{cyan}$$
* `\color{magenta}{magenta}`⇒ $$\color{magenta}{magenta}$$
* `\color{teal}{teal}`⇒ $$\color{teal}{teal}$$
* `\color{orchid}{orchid}`⇒ $$\color{orchid}{orchid}$$
* `\color{darkblue}{dark~blue}`⇒ $$\color{darkblue}{dark~blue}$$
* `\color{darkred}{dark~red}`⇒ $$\color{darkred}{dark~red}$$
* `\color{darkorange}{dark~orange}`⇒ $$\color{darkorange}{dark~orange}$$
* `\color{darkgreen}{dark~green}`⇒ $$\color{darkgreen}{dark~green}$$

## Colorbox

{% hint style="danger" %}
Colorbox biasanya hanya rapi di apk, sedangkan di web kurang rapi.

Jadi, <mark style="color:red;">tidak disarankan</mark> untuk digunakan
{% endhint %}

**Format :**&#x20;

`\boxed{\colorbox{warna}{\warna{text}}}`

**Contoh :**

* `\boxed{\colorbox{black}{\red{text}}}`

$$
\huge\boxed{\colorbox{black}{\red{text}}}
$$

* `\boxed{\colorbox{blue}{\orange{text}}}`

$$
\huge\boxed{\colorbox{blue}{\orange{text}}}
$$



## Boxed&#x20;

### 1 box&#x20;

```
\boxed{text}
```

**Hasil :**

$$
\boxed{text}
$$

### 2 box&#x20;

```
\boxed{\boxed{text}}
```

**Hasil :**

$$
\boxed{\boxed{text}}
$$

### 1 box ada 3 baris&#x20;

```
\boxed{\begin{array}{lll}a\\b\\c\end{array}}
```

**Hasil :**

$$
\boxed{\begin{array}{lll}a\\b\\c\end{array}}
$$

### 1 box dibagi 2 sisi atau lebih&#x20;

{% code overflow="wrap" %}
```
\boxed{\begin{array}{ccc}a&b&c\\\vdots&\ddots&\vdots\\\vdots&\vdots&\ddots\end{array}}
```
{% endcode %}

**Hasil :**

$$
\boxed{\begin{array}{ccc}a&b&c\\\vdots&\ddots&\vdots\\\vdots&\vdots&\ddots\end{array}}
$$

### 1 box dibagi 2 sisi atau lebih dengan 1 garis pembatas

{% code overflow="wrap" %}
```
\boxed{\begin{array}{c|c|c}a&b&c\\\vdots&\ddots&\vdots\\\vdots&\vdots&\ddots\end{array}}
```
{% endcode %}

**Hasil :**

$$
\boxed{\begin{array}{c|c|c}a&b&c\\\vdots&\ddots&\vdots\\\vdots&\vdots&\ddots\end{array}}
$$

### Lebih dari 1 garis pembatas

Untuk lebih dr 1 pembatas tinggal menambahkan “ | ”, misal 2 garis pembatas :&#x20;

{% code overflow="wrap" %}
```
\boxed{\begin{array}{c||c||c}a&b&\cdots\\a&b&\cdots\\vdots&\vdots&\ddots\end{array}}
```
{% endcode %}

**Hasil :**

$$
\boxed{\begin{array}{c||c||c}a&b&\cdots\\a&b&\cdots\\\vdots&\vdots&\ddots\end{array}}
$$

### Pembatas garis putus-putus

Untuk pembatasnya garis putus-putus :&#x20;

```
\boxed{\begin{array}{ccc}A&||&B\\C&||&D\\E&||&F\end{array}}
```

**Hasil :**

$$
\boxed{\begin{array}{ccc}A&||&B\\C&||&D\\E&||&F\end{array}}
$$

{% hint style="info" %}
<mark style="color:orange;">Catatan : bisa diganti c=center, l=left, r=right</mark>&#x20;

<mark style="color:orange;">Jumlah c,l, atau r sesuai jumlah “&” pada tiap baris.</mark>
{% endhint %}

## Aligned

**Kode :**&#x20;

```
\begin{aligned}a+b-c&=0\\\\a+b&=c\end{aligned}
```

**Hasil :**

$$
\begin{aligned}a+b-c&=0\\\\a+b&=c\end{aligned}
$$

## Array

**Kode :**&#x20;

{% code overflow="wrap" %}
```
\begin{array}{ll}a+b-c&=0\\a+b&=c\end{array}
```
{% endcode %}

**Hasil :**&#x20;

$$
\begin{array}{l}a+b-c&=0\\a+b&=c\end{array}
$$

{% hint style="info" %}
<mark style="color:orange;">Catatan : bisa diganti c=center, l=left, r=right</mark>&#x20;

<mark style="color:orange;">Jumlah c,l, atau r sesuai jumlah “&” pada tiap baris.</mark>

Perbedaan aligned dan array

* Aligned jarak antar baris lebih lebar
* Array jarak antar baris lebih dekat
{% endhint %}

## Cases

Ada 2 kode, yaitu :&#x20;

{% code title="Versi 1 (cases)" overflow="wrap" %}
```
|x|=\begin{cases}-x,&x<0\\x,&x\geq0\end{cases}
```
{% endcode %}

**Hasil :**

$$
|x|=\begin{cases}-x,&x<0\\x,&x\geq0\end{cases}
$$

{% code title="Versi 2 (aligned)" overflow="wrap" %}
```
|x|=\left\{\begin{aligned}-x,~~~&&&x<0\\x,~~~&&&x\geq 0\end{aligned}\right.
```
{% endcode %}

**Hasil :**

$$
|x|=\left\{\begin{aligned}-x,~~~&&&x<0\\x,~~~&&&x\geq0\end{aligned}\right.
$$

## Panah

### Kanan

#### Teks di atas

```
\xrightarrow{abcde}
```

**Hasil :**&#x20;

$$
\xrightarrow{abcde}
$$

#### Teks di bawah

```
\underset{abc}{\leftarrow}
```

**Hasil :**&#x20;

$$
\underset{abc}{\leftarrow}
$$

#### Teks `di`atas dan bawah

```
\xrightarrow[fghij]{abcde}
```

**Hasil :**&#x20;

$$
\xrightarrow[fghij]{abcde}
$$

### **Kiri**

#### **Teks di atas**

```
\xleftarrow{abcde}
```

**Hasil :**&#x20;

$$
\xleftarrow{abcde}
$$

#### **Teks di bawah**

```
\underset{abc}{\leftarrow}
```

**Hasil :**&#x20;

$$
\underset{abc}{\leftarrow}
$$

#### **Teks di atas dan bawah**

```
\xleftarrow[fghij]{abcde}
```

**Hasil :**&#x20;

$$
\xleftarrow[fghij]{abcde}
$$

## Tabel

{% hint style="info" %}
Untuk membuat tabel disarankan untuk menggunakan alternatif tabel, karena untuk tabel yang garisnya benar-benar tersambung hanya dapat dilihat pada aplikasi saja atau web saja
{% endhint %}

* **Alternatif Tabel**

Untuk garis horizontal manual bisa \underline sehingga panjagnya sesuai jumlah karakter.

**Kode :**&#x20;

{% code overflow="wrap" %}
```
\boxed{\begin{array}{c|c|c|c|c}\underline{a}&\underline{b}&\underline{c}&\underline{d}&\underline {e}\\&&&\\f&g&h&i&j\\&&&\\k&l&m&n&o\end{array}}
```
{% endcode %}

**Hasil :**&#x20;

$$
\boxed{\begin{array}{c|c|c|c|c}\underline{a}&\underline{b}&\underline{c}&\underline{d}&\underline {e}\\&&&\\f&g&h&i&j\\&&&\\k&l&m&n&o\end{array}}
$$

{% hint style="info" %}
Selain <mark style="color:blue;">\underline</mark>, juga bisa menggunakan <mark style="color:blue;">\rule{cm}{pt}</mark> sehingga dapat diatur panjang dan ketebalan garisnya sesuai keinginan. Cm adalah satuan panjang, sedangkan pt adalah satuan ketebalan.
{% endhint %}

**Kode :**&#x20;

{% code overflow="wrap" %}
```
\boxed{\begin{array}{c|l}\bf No.&\bf Nama\\\rule{0.6cm}{0.1pt}&\rule{1.2cm}{0.1pt}\\1.&\rm Adinda\\2.&\rm Asa\end{array}}
```
{% endcode %}

**Hasil :**&#x20;

$$
\boxed{\begin{array}{c|l}\bf No.&\bf Nama\\\rule{0.6cm}{0.1pt}&\rule{1.2cm}{0.1pt}\\1.&\rm Adinda\\2.&\rm Asa\end{array}}
$$

{% hint style="danger" %}
Tabel di bawah ini tidak disarankan untuk digunakan.

Tabel ini hanya bisa dilihat di apk saja atau di web saja.
{% endhint %}

* **Tabel di Web**

**Kode :**&#x20;

{% code overflow="wrap" %}
```
\begin{tabular}{|c|l|}\cline{1-2}Nomor&Nama\\\cline{1-2}1&Adinda\\\cline{1-2}2&Asa\\\cline{1-2}\end{tabular}
```
{% endcode %}

<figure><img src="https://340102454-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkulhaCzU9Zs2h4LJlf%2Fuploads%2FYJIiT5fpdIzoYtPsyeRp%2FScreenshot%20(534).png?alt=media&#x26;token=10d4a1d2-5822-4f55-b1f9-03b48e18b949" alt=""><figcaption></figcaption></figure>

* **Tabel di APK**

```
\boxed{\begin{array}{|c|l|}\hline\rm nomor&\rm nama\\\hline1&\rm Adinda\\\hline2&\rm Asa\\\hline\end{array}}
```

$$
\boxed{\begin{array}{| c | l |} \hline  \rm nomor & \rm nama\\ \hline 1& \rm Adinda\\ \hline 2 & \rm Asa \\\hline \end{array}}
$$

{% hint style="info" %}
**Catatan :**&#x20;

Untuk menambahkan kolom menggunakan “&”, menambahkan baris menggunakan “//”.

Lalu untuk posisi tulisan juga bisa diganti-ganti :

c = center\
l = left\
r = right
{% endhint %}

## Susunan Lingkaran

{% hint style="danger" %}
<mark style="color:red;">Kode ini hanya bisa terbaca di web, sedangkan di apk tidak bisa.</mark>
{% endhint %}

**Kode :**&#x20;

```
\begin{picture}(30,30)
\put(15,0){\circle{30}}
\put(15,0){\circle*{15}}
\put(25,-12){\circle*{15}}
\put(5,-12){\circle*{15}}
\put(-5,0){\circle*{15}}
\put(35,0){\circle*{15}}
\end{picture}
```

**Hasil :**&#x20;

<figure><img src="https://340102454-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkulhaCzU9Zs2h4LJlf%2Fuploads%2FP3xTeKfWsk8f9UkH98ZC%2FScreenshot%20(619).png?alt=media&#x26;token=8218fccc-0c7e-42a9-af67-1eeec11f8ba4" alt=""><figcaption><p>Susunan Lingkaran</p></figcaption></figure>
