Widget Timeline: Ceritakan Perjalanan Layaknya Membaca Dongeng

📌 Apa itu Widget Timeline?

Singkatnya: Ini adalah mesin penyusun *"Jalan Cerita"* (Love Story / Sejarah Bisnis). Alih-alih Anda capek menyusun paragraf panjang dari atas turun ke bawah yang membosankan pembaca, widget ini merakit paragraf Anda ke dalam alur berurutan, diselingi ikon-ikon perjalanan, dan bahkan bisa dibuat menyilang (*zig-zag*) secara bergantian melintasi satu garis lurus seperti membaca titik-titik napak tilas sejarah.

Mengapa Anda membutuhkannya?
Orang malas membaca novel di ranah *Landing Page*. Tapi jika Anda bisa memecah sebuah cerita "Awal Ketemu" lalu "Lamaran" sampai "Resepsi" ke dalam blok-blok kecil yang bermunculan layaknya menaiki anak tangga kalender, itu akan menghidupkan pesona magis emosi dan *engagement* (ketertarikan pengunjung).

📖

Skenario Interaksi Sempurna (Direct Answer)

TL;DR: Tarik widget ke tengah-tengah halaman *Undangan* Anda. Setel wujud *Layout* ke arah "Center (Zig-Zag)". Tambahkan tiga panel kejadian: Misal Tahun 2020 (Kenalan), Tahun 2023 (Lamaran), dan Tahun 2024 (Menikah). Sisipkan sejumput foto manis di dalam masing-masing panel. Ketika dibaca via layar HP, desain *zig-zag* ini tidak berantakan, ia langsung otomatis *"sadar ruang"* dengan menata dirinya lurus menepi ke sisi kiri agar layar sentuh tamu Anda tak sesak nafas.

✨ Fitur Unggulan

Formasi Barisan Pintar (Smart Layout Alignment): Hadir bertiga: Kiri, Kanan, maupun Menyilang (*Center*). Khusus wujud silang, dijamin lolos uji keindahan seluler (*Mobile-First*) karena akan dipaksa menepi rapi membentuk garis sejarah searah.
Lencana Penanggalan Bebas Tulis: Kolom *"Tanggal/Label"* sungguh fleksibel. Ingin tulis kalender baku "25 Januari" oke, ingin diubah mendadak jadi teks cerita "Sore Itu di Bandung" pun sah belaka.
Sistem Penari Bayangan (Scroll Animation): Tersedia setelan sekali-klik yang menyuntikkan nyawa pada tiap kartunya. Jadi begitu pengunjung *scroll* lari perlahan ke bawah, kartu cerita tidak terpampang diam sedari awal, melainkan *"merayap bermunculan"* mengejutkan layar secara elegan.
Kancing Tindakan Tersisip (Call to Action Button): Untuk perusahaan atau juri edukasi, di sela cerita Anda bisa menancapkan *Tombol Aksi* ("Beli Bukunya" atau "Baca Selengkapnya") secara spesifik di tiap kartunya guna mencetak persentase *Click-through-Rate* (CTR) tertinggi.

🛠️ Cara Penggunaan

Langkah 1: Menentukan Struktur Garis Pijak Utama

Hampiri menu paling atas yaitu Layout Settings. Klik simbol Center (Tengah) untuk memulai arsitektur kartu yang bergantian mengisi sisi kosong layar satu ke layar lainnya. (Catatan: Sensasi menyilang hanya maksimal Anda saksikan melalui ruang kerja *Desktop*). Jangan pedulikan *mobile* karena sudah dijinakkan otomatis.

Visual: Keindahan tata letak Zig-zag dari kiri melempar ke kanan, lengkap dihias bulatan pin ikonis di perempatan potongannya.

Langkah 2: Memahat Relief Waktu (Timeline Items)

Klik buka laci bernama Timeline Items. *Tools Repeater* siap menyambut. Tekan tombol + Add Item untuk membangun kejadian bernomor satu. Unggah Gambar saksi bisu hari itu. Bubuhkan lencana ikon cinta (*Love*) atau Cincin pada Field Icon, sebelum mulai mendongeng di kotak *Deskripsi*.

Langkah 3: Permainan Hidup dan Mati Suatu Kotak (Visibility)

Apabila ternyata salah satu *draft* Anda tidak didukung gambar (*No Photo*), jangan biarkan ia berwujud lubang (*blank space*). Sentuh sakelar Tampilkan Gambar (Di menu Additional Options) guna mematikan penampil wajah foto. Maka secara mutlak bentuk kartu Anda menciut proporsional memeluk wujud murni kumpulan teks deskripsi saja.

Langkah 4: Mendoping Estetika Warna Benang Merah

Melangkah pindah ke Style → Garis & Warna Utama. Jangan biarkan garis sejarah Anda kaku bernada abu-abu. Jadikan ia *"Benang Keemasan"* dengan menyuntik Hex Color '#D4AF37'. Tebalkan dimensi lintasan (*Line Width*) jadi memanjang layaknya lajur tol (misal: menebal ke '4px'). Lalu ganti warna latak ikonnya saat kursor tikus pengunjung (Mouse/Hover) melewatinya secara sengaja.

Visual: Kustomisasi garis penghubung antar titik sejarah (Benang Merah) di Tab Style.

🔗 Widget Komplementer Utama

Setelah kisah menawan masa lalu selesai diceritakan, pastikan alur logika mengarah pengunjung tamu pada aksi pamungkas yakni hadir di hari 'Pewujudan Cinta' yang sebenar-benarnya di detik ini. Taruh ini di panel bawah cerita:

💡 Pertanyaan Sering Ditanya (FAQ)

Aduh, saya mau letak zig-zag tapi waktu dicek di HP kok berubah jadi berjejer rata kiri semua ya badannya?

Itu bukan kecacatan produk (Bukan Bug) melainkan *"Penyelamatan Tata Letak"!* Bayangkan bila zig-zag HP dipaksa, ruangan layar akan terbelah sempit dua jari dan huruf cerita akan bertabrakan putus-putus ke bawah membentuk ular tangga. Jadi, widget merespon dengan perlindungan meluluhkan tubuhnya ke *Rata Kiri* semata demi kenyamanan jempol dan mata sang pembaca (*Mobile First Architecture*).

Bisakah saya cuma mau menaruh satu kotak sejarah saja tanpa butuh teman sejawatnya?

Tentu bebas! Tinggalkan satu item *Repeater* dan hapus adik-adik sisanya. Otomatis paku payungnya mendongak sebatang kara dan widget ini akan menyamar layaknya "Kartu Berita Gambar Biasa" dengan sebuah tiang bendera di sisinya.

Kalau "Tombol Action" di bawah cerita diaktifkan, apakah ia cuma bisa nampill di dalam satu cerita saja?

Kehebatan sistem Sub-kontrol Repeater. Anda berkuasa penuh menyalakan sakelar "Tampilkan Tombol" di kartu kejadian Tahun 2020 saja (misal untuk sisip *Link Jual Buku*), dan berkuasa mematikannya di kartu tahun 2023 tanpa berdampak konflik bersenjata desain. Setiap kejadian kebebasan mengatur dirinya sendiri.