Leonia v2 Elements (Styles, Typography, Button, Boxes, etc)

... sedang membaca | 👁 Total: ... kali dilihat

Tipografi & Heading

Ini adalah paragraf normal. Teks tebal (bold), teks miring (italic), teks bergaris bawah, dan ~~teks dicoret (strikethrough)~~. Contoh kode inline: print("Hello World"), keyboard shortcut: Ctrl + C, dan variabel: x = y + 2.

Ukuran teks: Teks Kecil | Normal | Teks Besar

Transformasi: UPPERCASE | lowercase

Rumus: E = MC² | H₂O | Highlight penting

Link: Link Internal | Link Eksternal ↗

Subheading H3

Minor Heading H4

Dropcap

Lorem Ipsum adalah teks dummy standar industri percetakan dan penerbitan sejak tahun 1500-an. Seorang pencetak yang tidak dikenal mengambil sebuah laci huruf cetak dan mengacaknya untuk membuat buku spesimen huruf. Teks ini telah bertahan lebih dari lima abad dan juga masuk ke dalam penerbitan elektronik.

Syntax Highlighter

JavaScript

// Contoh fungsi JavaScript
function hitungLuas(panjang, lebar) {
  const luas = panjang * lebar;
  return luas;
}

const hasil = hitungLuas(10, 5);
console.log(`Luas = ${hasil}`); // Output: Luas = 50

HTML

<div class="leonia-box leonia-box-blue">
  <p>Ini adalah box biru untuk informasi.</p>
</div>

Multi-tab Code

<button class="leonia-btn leonia-btn-primary">Download</button>

.leonia-btn-primary {
  background: var(--pr);
  color: #fff;
}

function leoniaTab(btn) {
  // Switch active tab
  var idx = btn.index;
}

Tombol (Buttons)

Badge

Fitur utama tema New
Status berhasil Aktif
Info penting Info
Perhatian khusus Penting
Dalam pengembangan Beta

Kotak (Boxes / Alerts)

ⓘ Box Default

Ini adalah kotak default. Cocok untuk informasi umum tanpa warna tertentu.

✅ Berhasil

Operasi selesai dengan sukses! Semua data telah tersimpan dengan aman.

 Informasi

Fitur ini masih dalam tahap pengembangan. Beberapa fungsi mungkin belum tersedia.

⚠ Peringatan

Tindakan ini tidak dapat dibatalkan. Pastikan Anda telah mem-backup data sebelum melanjutkan.

 Catatan

Pastikan Anda membaca panduan lengkap sebelum menginstal tema ini ke blog Anda.

Box outline — tampilan transparan dengan border tipis.

Blockquote

Default

Konsistensi adalah kunci kesuksesan dalam dunia blogging. Posting secara rutin, optimalkan SEO, dan berikan nilai nyata bagi pembaca adalah tiga pilar utama blog yang sukses.

Dengan Author

Karena sesungguhnya sesudah kesulitan itu ada kemudahan. Sesungguhnya sesudah kesulitan itu ada kemudahan. — QS. Ash-Sharh: 5-6

Download Box



Leonia Theme v1.0

 245 KB  20 Feb 2025  .xml

⬇ Download

Lightroom Mobile Preset

 1.2 MB  1 Mei 2025  .zip

⬇ Download

Tabs (Multi Tab)

Horizontal Tabs

Konten tab pertama. Anda bisa menempatkan teks, gambar, atau elemen HTML apapun di sini.

Konten tab kedua. Tabs sangat berguna untuk mengorganisir konten panjang agar mudah dibaca.

Konten tab ketiga. Gunakan tabs untuk membandingkan produk, menampilkan spesifikasi, atau tutorial multi-langkah.

Konten tab keempat. Tab scrollable otomatis jika terlalu banyak di layar sempit.

Vertical Tabs

Konten vertikal tab pertama. Di layar kecil (<480px) otomatis berubah ke horizontal.

Konten vertikal tab kedua. Tabs vertikal cocok untuk panel sidebar atau menu navigasi konten.

Konten vertikal tab ketiga. Sesuaikan jumlah tab sesuai kebutuhan konten Anda.

Dua Kolom (Two Column)

Dengan Border

Apa itu Lorem Ipsum?

Lorem Ipsum adalah teks dummy standar industri percetakan dan penerbitan. Teks ini telah menjadi standar sejak tahun 1500-an ketika seorang pencetak mengambil sebuah laci huruf dan mengacaknya.

Mengapa Menggunakannya?

Fakta yang sudah lama diketahui adalah bahwa konten yang terbaca akan mengalihkan perhatian pembaca dari tata letak halaman. Tujuan Lorem Ipsum adalah distribusi huruf yang lebih normal.

Tanpa Border (PRO vs CONS)

✅ Kelebihan

Mudah digunakan
Loading cepat
Responsif
SEO friendly

❌ Kekurangan

Fitur terbatas
Perlu hosting
Butuh waktu setup

Accordion

Single (hanya satu terbuka)

Apa itu tema Leonia? ⌄

Leonia adalah tema Blogger yang modern, ringan, dan SEO-friendly. Dilengkapi dengan dark mode, pemilih warna, grid toggle, dan berbagai elemen interaktif untuk mempercantik postingan blog Anda.

Apakah tema ini gratis? ⌄

Ya, tema Leonia tersedia secara gratis. Anda bebas menggunakannya untuk blog pribadi maupun komersial tanpa biaya apapun. Cukup download dan pasang di Blogger Anda.

Bagaimana cara install tema ini? ⌄

Caranya mudah: Masuk ke Blogger Dashboard → Tema → Edit HTML → Hapus semua kode lama → Paste kode tema Leonia → Simpan. Tema langsung aktif dan siap digunakan.

Multi (bisa buka banyak sekaligus)

Accordion Multi — Terbuka Pertama ⌄

Pada mode multi, beberapa accordion bisa dibuka bersamaan. Cocok untuk menampilkan beberapa informasi sekaligus tanpa harus menutup yang lain.

Accordion Multi — Kedua ⌄

Konten accordion kedua. Klik accordion pertama dan kedua secara bersamaan — keduanya bisa terbuka di mode multi ini.

Spoiler

Ini adalah konten tersembunyi yang muncul saat tombol diklik. Sangat berguna untuk spoiler cerita, jawaban kuis, atau konten yang hanya ingin ditampilkan saat pengguna memintanya secara eksplisit.

Kode Promo: LEONIA2025 — Gunakan kode ini untuk mendapatkan diskon 20% pada template premium kami.