Uji Gambar Dalam Artikel dan Penempatannya

Keterangan: Gambar utama (Hero Image) untuk menguji lebar kontainer maksimal.

Ini adalah paragraf standar untuk menguji tampilan font Roboto dan Poppins pada template Anda. Anda bisa melihat bagaimana teks tebal (strong), teks miring (italic), dan teks bergaris bawah (underline) muncul di layar.

Pengujian Gambar Rata Kiri (Float Left)

Paragraf ini menguji bagaimana teks mengalir di sekitar gambar yang diposisikan di sebelah kiri. Ini sangat berguna untuk artikel blog yang ingin menyisipkan visual pendukung tanpa memutus alur bacaan. Pastikan jarak (margin) antara gambar dan teks terlihat proporsional dan tidak menempel terlalu rapat agar tetap nyaman dipandang.

Gaya ini sering digunakan untuk potret profil atau ikon fitur kecil di dalam sebuah penjelasan teknis.

Pengujian Gambar Rata Kanan (Float Right)

Kebalikan dari gaya sebelumnya, di sini kita menguji posisi gambar di sisi kanan. Perhatikan bagaimana Justify text berinteraksi dengan batas gambar di sebelah kanan. Perataan ini memberikan variasi tata letak agar pembaca tidak bosan dengan layout yang monoton dari atas ke bawah.

Gunakan gambar yang memiliki komposisi warna kuat untuk menarik perhatian mata pembaca saat mereka melakukan scrolling.

Pengujian Perataan Teks (Alignment)

Rata Kiri (Left): Paragraf ini menggunakan perataan kiri. Ini adalah standar default untuk sebagian besar penulisan artikel agar mudah dibaca oleh mata manusia dari kiri ke kanan.

Rata Tengah (Center): Paragraf ini berada tepat di tengah-tengah kontainer. Biasanya digunakan untuk pengumuman singkat, judul tambahan, atau kutipan penting.

Rata Kanan (Right): Paragraf ini menempel pada sisi kanan. Jarang digunakan untuk isi artikel utama, namun sering dipakai untuk atribusi penulis atau teks dalam bahasa tertentu.

Rata Kiri Kanan (Justify): Paragraf ini akan memenuhi seluruh lebar area konten sehingga tepi kiri dan kanannya tampak rapi dan lurus. Sangat umum digunakan dalam artikel berita atau jurnal ilmiah agar terlihat lebih profesional.

Pengujian Daftar (List)

Berikut adalah daftar menggunakan angka (Ordered List):

Langkah pertama dalam menggunakan AI.
Langkah kedua untuk optimasi kreatif.
Langkah ketiga untuk publikasi hasil karya.

Berikut adalah daftar menggunakan simbol (Unordered List):

Fitur AI Music Generator.
Fitur AI Image Creator.
Tutorial Video Editing terbaru.

Kutipan dan Kode

"Teknologi AI bukan menggantikan kreativitas manusia, melainkan menjadi kanvas baru bagi imajinasi yang tak terbatas." — Prap AI Creator

Untuk pengujian teknis, berikut adalah contoh tampilan inline code dan blok kode:

function haloPrapAI() {
console.log("Template sudah bekerja dengan baik!");
}

Terakhir, ini adalah contoh Link Internal untuk menguji warna aksen biru pada template Anda.