Panduan Format Tulisan: Contoh Semua Elemen di Blog ezelicious

Artikel ini adalah halaman uji. Setiap elemen yang bisa dipakai penulis di blog ezelicious muncul di sini, sehingga Anda bisa melihat tampilannya sekaligus menyalin cara menulisnya. Gunakan daftar isi di samping untuk berpindah antar bagian.

Teks dasar#

Paragraf biasa memuat kalimat yang mengalir. Anda bisa menebalkan kata dengan teks tebal, memberi penekanan dengan teks miring, atau menggabungkan keduanya dengan tebal dan miring. Untuk koreksi gunakan teks yang dicoret, dan untuk istilah teknis gunakan kode sebaris seperti npm run build.

Beberapa HTML sederhana juga didukung: tekan Ctrl + K untuk mencari, tandai kata penting dengan penyorot, tulis H₂O atau 10³, dan jelaskan singkatan seperti SEO. Teks kecil cocok untuk catatan kaki ringan.

Baris ini diakhiri jeda baris paksa.
Baris berikutnya muncul tepat di bawahnya.

Tingkatan judul#

Judul level dua (H2) membuka bagian utama dan muncul di daftar isi. Judul level tiga (H3) menjadi sub-bagian, dan level empat (H4) untuk rincian kecil.

Sub-bagian level tiga#

Isi sub-bagian. Judul ini juga ikut daftar isi, dengan indentasi.

Rincian level empat#

Level empat tidak masuk daftar isi, tetapi tetap punya tautan langsung.

Tautan#

• Tautan internal: layanan integrasi AI atau semua artikel
• Tautan ke artikel lain: biaya pembuatan website
• Tautan luar: dokumentasi Next.js↗ membuka tab baru
• Tautan otomatis: https://www.ezelicio.us
• Tautan ke bagian di halaman ini: lompat ke tabel

Kutipan#

Desain bukan sekadar bagaimana tampilannya. Desain adalah bagaimana ia bekerja.

— Prinsip yang kami pegang di setiap proyek

Kutipan juga bisa berisi elemen lain:

Tiga hal yang kami pastikan:

1. Setiap jawaban punya sumber
2. Setiap laporan bisa dipahami
3. Setiap janji punya tanggal

Daftar#

Daftar poin#

• Poin pertama
• Poin kedua dengan sub-poin:
  • Sub-poin A
  • Sub-poin B
    • Tingkat ketiga
• Poin ketiga

Daftar bernomor#

1. Siapkan dokumen
2. Tentukan kanal
   1. Chat di website
   2. WhatsApp
3. Uji bersama tim
4. Luncurkan

Daftar tugas#

• Tulis draf artikel
• Periksa ejaan dan fakta
• Tambahkan gambar sampul
• Jadwalkan penerbitan

Tabel#

Tabel bisa diberi perataan kolom dan akan bergeser ke samping di layar sempit.

Catatan (Callout)#

Angka sorotan#

24/7

asisten siap menjawab

12

artikel contoh di blog ini

100%

jawaban bersumber dokumen

Blok kode#

Kode sebaris: gunakan getAllPosts() untuk membaca semua artikel. Blok kode memakai pewarnaan sintaks dan tombol salin.

interface Post {
  slug: string;
  title: string;
  date: string;
}

export function latest(posts: Post[], limit = 3): Post[] {
  return [...posts].sort((a, b) => b.date.localeCompare(a.date)).slice(0, limit);
}

# Instal dan jalankan
npm install
npm run dev

{
  "name": "ezelicio-us",
  "private": true,
  "scripts": { "build": "next build" }
}

.callout {
  border-radius: 16px;
  padding: 1rem 1.25rem;
}

- <h1>Judul lama</h1>
+ <h1>Judul baru yang lebih jelas</h1>

Gambar#

Gambar markdown biasa memuat otomatis saat mendekati layar:

Gambar dengan keterangan memakai komponen Figure:

Bagian yang bisa dilipat#

Garis pemisah#

Garis horizontal memisahkan bagian yang tidak perlu judul sendiri.

Bagian setelah garis pemisah dimulai di sini.

Catatan kaki#

Catatan kaki membantu menyebut sumber tanpa memotong alur kalimat.¹ Anda bisa memakai lebih dari satu.²

Emoji dan karakter khusus#

Emoji bisa dipakai secukupnya 🚀 ✅ 💡. Karakter khusus seperti tanda hubung — panjang, “kutipan melengkung”, dan simbol © ® ™ juga tampil normal.

Penutup#

Jika ada elemen yang menurut Anda kurang, beri tahu kami. Untuk membaca contoh artikel nyata, mulailah dari chatbot AI untuk bisnis kecil atau cara muncul di Google Maps.