slider generator

Pembuat Slider Gambar

Atur ukuran kotak, warna, font, dan isi tiap slide (judul, gambar, keterangan) di panel kiri. Pratinjau langsung muncul di kanan. Setelah selesai, salin kode dan tempel ke widget HTML/JavaScript di blogmu.

Ukuran Kotak Slider

Lebar (mis. 480px atau 100%)

Tinggi gambar (px)

Radius sudut kotak (px)

Warna & Font

Warna latar kotak

Warna border kotak

Warna teks judul

Warna teks keterangan

Warna aksen (titik aktif & panah)

Font Sans (default sistem) Serif (Georgia) Monospace Trebuchet MS Verdana Poppins (Google Fonts) Inter (Google Fonts)

Ukuran font judul (px)

Ukuran font keterangan (px)

Navigasi

Tampilkan panah kiri/kanan

Tampilkan titik indikator

Putar otomatis (autoplay)

Jeda autoplay (detik)

Isi Slide

Kode untuk disalin

Tempel kode ini ke widget HTML/JavaScript di blogmu (gunakan tampilan HTML, bukan mode Compose, supaya tag <style> dan <script> tidak terhapus otomatis).

wizard dengan judul kosong didepan

Pembuat Widget Wizard / Stepper

Atur warna, font, lebar, dan tinggi widget di panel kiri. Pratinjau langsung muncul di kanan. Setelah selesai, salin kodenya dan tempel ke HTML blog/situsmu (mis. widget HTML/JavaScript di Blogger).

Ukuran

Lebar (mis. 480px atau 100%)

Tinggi minimum (px, opsional)

Radius sudut (px)

Jarak antar lingkaran angka (px)

Warna & Font

Warna latar kotak

Warna border kotak

Warna teks judul

Warna teks deskripsi

Warna aksen (nomor aktif & tombol)

Font Sans (default sistem) Serif (Georgia) Monospace Trebuchet MS Verdana Poppins (Google Fonts) Inter (Google Fonts)

Ukuran font judul (px)

Ukuran font deskripsi (px)

Isi Langkah (Steps)

Teks Tombol

Label tombol reset

Kode untuk disalin

Tempel kode ini ke widget HTML/JavaScript di blogmu. Semua gaya (CSS) sudah menyatu di dalam kode ini — tidak perlu file terpisah, dan tidak akan mempengaruhi elemen lain di halaman.

wizard generator

Pembuat Widget Wizard / Stepper

Atur warna, font, lebar, dan tinggi widget di panel kiri. Pratinjau langsung muncul di kanan. Setelah selesai, salin kodenya dan tempel ke HTML blog/situsmu (mis. widget HTML/JavaScript di Blogger).

Ukuran

Lebar (mis. 480px atau 100%)

Tinggi minimum (px, opsional)

Radius sudut (px)

Jarak antar lingkaran angka (px)

Warna & Font

Warna latar kotak

Warna border kotak

Warna teks judul

Warna teks deskripsi

Warna aksen (nomor aktif & tombol)

Font Sans (default sistem) Serif (Georgia) Monospace Trebuchet MS Verdana Poppins (Google Fonts) Inter (Google Fonts)

Ukuran font judul (px)

Ukuran font deskripsi (px)

Isi Langkah (Steps)

Teks Tombol

Label tombol reset

Kode untuk disalin

Tempel kode ini ke widget HTML/JavaScript di blogmu. Semua gaya (CSS) sudah menyatu di dalam kode ini — tidak perlu file terpisah, dan tidak akan mempengaruhi elemen lain di halaman.

Arahkan kursor ke gambar untuk melihat efek perbesar.

Arahkan kursor ke gambar untuk melihat efek perbesar.

Arahkan kursor ke gambar untuk melihat efek perbesar.

Arahkan kursor ke gambar untuk melihat efek perbesar.

Arahkan kursor ke gambar untuk melihat efek perbesar.

Arahkan kursor ke gambar untuk melihat efek perbesar.

Arahkan kursor ke gambar untuk melihat efek perbesar.

60 claude Hack

Lihat di Threads

apa yang kamu butuhkan di 2026

Lihat di Threads

10 AI Tools That Can Make You $500/Month (Even If You’re a Beginner)

Lihat di Threads

Lihat di Threads

mulai dari 0

Lihat di Threads

GITHUB

⚡️ 52 AI tools that can seriously upgrade your workflow in 2026

Lihat di Threads

25 AI Tools = Less Hustle, More Results 🧠

Lihat di Threads