Gunakan AI Favorit Kamu, dan Gunakan Prompt di bawah ini Untuk Menghasilkan Kode HTML Yang Cocok Untuk Website Kamu.
==================================================
Bisa Buatkan Saya Template Kode HTML Untuk Google Sites, dengan Rincian Sebagai Berikut :
JUDUL
GAMBAR (di ambil Dari URL) Rasio Apapun Otomatis menjadi Kotak / Rasio 1:1 / Square
ada Overlay di atas Gambar berupa Tombol Bertuliskan "Baca Selengkapnya" Posisinya di bagian bawah gambar "Center" dengan efek hover berkilau, yang apabila di Klik akan membuat gambar Animasi Slide Ketas + mengecil + Fade Out.
dari balik Gambar muncul Artikel Menggantikan Posisi Gambar Yang Menghilang sehingga tidak meninggalkan Ruang Kosong bekas tempat gambar,
di bagian bawah artikel ada beberapa menu pilihan, yang apabila di klik akan mengarah ke Tab Lain.
MENU 1
MENU 2
MENU 3
MENU 4
MENU 5
Di ujung bawah MENU ada 2 Tombol dengan efek hover juga
Tombol 1 : Cek Folder (Jika di Klik akan Mengalihkan ke link/website lain)
Tombol 2 : Tutup Artikel (Menutup Artikel dan mengembalikan Gambar Awal)
Format Responsif di semua gadget / device, tampilan profesional dan mudah di edit untuk saya yang tidak mengerti coding / kode HTML.
==================================================
COCOK UNTUK GOOGLE SITES
==================================================
Fitur yang akan dibuat:
Gambar dari URL
Semua gambar otomatis menjadi Square 1:1
Tombol Baca Selengkapnya di bawah-tengah gambar
Efek kilau/shimmer saat hover
Saat diklik: gambar slide ke atas + mengecil + fade out
Artikel muncul tepat menggantikan posisi gambar, sehingga tidak ada ruang kosong
Tombol Login Member → menuju URL yang Anda tentukan
Tombol Tutup Artikel → artikel ditutup dan gambar kembali
Responsive untuk HP, tablet, dan desktop
CSS dan JavaScript sudah dibuat dalam satu kode