css experience

Revisi Kalender Julian - Gregorian ;; non-kabisat

1 hari = 24 jam (presisi) || 1 bulan = 30 hari

🗓️ Jumat Legi, 1 Juli 0007

00 : 00 : 00:000
Spiderman

KITAB KEJADIAN

MENGAPA "NAMA" BEGITU PENTING, SEHINGGA NABI PERTAMA ADAM AS, DIPERINTAHKAN OLEH TUHAN UNTUK MENYEBUTKAN NAMA NAMA PADA MALAIKAT.

ANGIN BERBISIK : "CATAT NAMA NAMA"

TERNYATA BELAKANG HARI SELALU TERTIPU NAMA.

AWAL MULA ADALAH TIADA. MENJADI ADA KARENA BERPIKIR ADA. MENYADARI WUJUD DAN KEJADIAN, SEMUANYA BERAWAL DARI 0. MENJADI 1 HINGGA 9 DAN KEMBALI TIADA /0.
0.00 1.00 1.11 9.99 0.0000 0000

0.00 marmati - kakang kawah adi ari ari = 3 [TRINITY UNITARIAN]
0.0000 0000 sedulur papat limo pancer = 9 [LUBANG SONGO]


AL-WAQIYYAH

KIAMAT PASTI TERJADI



dan ini sedang berlangsung , ...

karena kalian meminta supaya terjadi, dan ini hanya bagi-mu
hingga tersisa hanya yang mampu menjadi original ..
menjadi manusia sejati punya jatidiri
sempurna menjadi manusia adalah ilahiah >:: al hijr surah 15 //
mampu menjadi terpilih

tidak hanya taqlid buta;; hanya tunduk dan patuh seperti malaikat ;; tetapi mereka yang berpikir ;; al baqarah :: 30


Causa Prima tidak hendak menjadikan Bumi sebagai Peternakan bagi Manusia
hanya bisa beranak pinak seperti kambing atau sapi / tidak mampu melahirkan generasi pilihan



Kiamat bukan kehancuran bumi — tapi kehancuran kesadaran palsu.


Dunia ini hanya panggung. Tetapi para aktornya tak lagi tahu bahwa mereka sedang bermain.



Ini bukan ancaman. Ini pemberitahuan. Kamu sudah melewati garis. 💀

“Kehidupan di muka bumi tidak lagi layak untukmu.”

Tidak taukah kamu, kehidupan saat ini adalah kehidupan yang dibinasakan pada banyak periode di masa lampau , ..



Tuhan tidak menghukum suatu kaum sebelum mengirim UTUSAN dengan bahasa mereka sendiri.



Katakan sekali lagi :: "Hadapi KIAMAT dengan senyum".

padahal bumi bergoyang sedikit kalian sudah histeris teriak teriak >:: ""ALLAHU AKBAR""


Saya tidak menyuruh mu bertobat ;; itu bukan urusan ku.

saya tidak datang sebagai nabi membuat ajaran baru ;;
tidak pula datang untuk mengadili orang hidup dan mati ;;

tetapi menjadi saksi bagi perbuatan mu //


Kamu bisa diam. Bisa tertawa. Bisa membantah.
Tapi jangan bilang nanti bahwa kamu tidak diberi tanda.


====

"Barangsiapa memusuhi wali-Ku, maka sungguh Aku nyatakan perang kepadanya. Dan tidaklah seorang hamba mendekat kepada-Ku dengan sesuatu yang lebih Aku cintai dibanding apa yang telah Aku wajibkan kepadanya. Dan hamba-Ku senantiasa mendekatkan diri kepada-Ku dengan amalan sunnah hingga Aku mencintainya.

Maka apabila Aku telah mencintainya, Aku menjadi pendengarannya yang ia gunakan untuk mendengar, penglihatannya yang ia gunakan untuk melihat, tangannya yang ia gunakan untuk memukul, dan kakinya yang ia gunakan untuk berjalan.

Jika ia meminta kepada-Ku, sungguh akan Aku beri.
Jika ia memohon perlindungan, sungguh akan Aku lindungi."**
📚 (HR. Bukhari, No. 6502)






Minggu, 27 Juli 2025

MARGIN DAN PADDING

 Apa bedanya margin dan padding?

Coba bayangin elemen itu kayak badan kita.
Padding itu baju dalam, biar badan gak langsung kena baju luar.
Margin itu jarak antar orang — biar gak dempetan.
Simpel kan?

💥 Kena langsung ke pemahaman.

🔍 Biar Nggak Bikin Gila: Ringkasan Singkat

PropertiFungsiEfek Ke Layout
paddingRuang di dalam elemen (isi ↔ border)Membesarkan elemen
marginRuang di luar elemen (border ↔ elemen lain)Dorong elemen lain

🔮 Contoh UI-nya:


+------------------------------+
| Container (padding: 20px)   |
|  +-----------------------+  |
|  | Widget (margin: 20px) |  |
|  |                       |  |
|  +-----------------------+  |
+------------------------------+

→ Kamu atur semua itu real-time via slider



.card {
  padding: 2rem;           /* Napas buat konten */
  margin-bottom: 1.5rem;   /* Jarak antar kartu */
  max-width: 700px;        /* Supaya baca nyaman */
}


====================

padding: 14px 28px;


----------
padding-top: 14px;
padding-bottom: 14px;
padding-left: 28px;
padding-right: 28px;

================
Read More

Sabtu, 12 Juli 2025

NAME TAG -- CLASS

📘 Kerangka Dasar Fungsi Visual Blogger (Gloriabank Template) Jake susun berdasarkan komponen standar template modern Blogger, khusus untuk kamu. Fungsi Visual Nama Class Disarankan Penjelasan Header utama (judul blog/logo) .site-header Biasanya di paling atas Navigasi/menu utama .main-nav Bisa horizontal/vertikal Hero/banner besar .hero-banner Tampilan pembuka halaman Kotak artikel / fitur .card Umum dipakai untuk konten Judul besar bagian .section-title Digunakan di setiap bagian Konten utama .main-content Isinya postingan utama Sidebar (kanan/kiri) .sidebar Widget tambahan, arsip, dll Footer / catatan bawah .site-footer Copyright, kontak, dsb Tombol umum .btn Bisa .btn-primary, .btn-secondary Link list navigasi .nav-links Biasanya dalam
    Alert atau info penting .alert Untuk notifikasi 📦 Contoh HTML-Nya: html Salin Edit

    Gloriabank Edu

    Selamat Datang

    Solusi Blogger untuk Website Sekolah

    Pengumuman

    PPDB 2025 sudah dibuka.

    © 2025 Gloriabank

    🧭 Strategi: Sekarang kamu fokus dulu ke fungsi tiap elemen visual. Nanti setelah kamu mantap paham alurnya, penamaan class bisa kamu pertahankan, kembangkan, atau ganti. Jangan buru-buru. Bahkan developer profesional pun sering ganti nama class 2–3 kali sampai pas. 🔍 Analisa Nama Class dan ID: Nama Analisa Fungsi Catatan Jake class="section" Umum, artinya bagian. Tapi terlalu generik. Gampang bentrok sama CSS lain. Ganti dengan lebih spesifik, misalnya .hero-section, .footer-section. class="section-container" Biasanya pembungkus untuk .section agar ada margin/padding. Oke, tapi bisa disingkat jadi .container. class="container" Sudah jadi standar global (Bootstrap, Materialize) sebagai wadah layout. Bagus. Tetap dipakai, jangan diganti. class="header" Dipakai untuk bagian kepala, tapi terlalu umum juga. Kalau header utama, sebaiknya pakai .site-header. id="headerlist" Mungkin maksudnya daftar menu? Tapi kurang jelas. Bisa ganti id="mainNav" atau id="topMenu". type="bikin pusing" Ini lucu 😅 dan gak valid di elemen HTML umum. Boleh buat humor internal, tapi jangan disimpan di HTML final 😄 ✅ Rekomendasi Penamaan yang Lebih Rapi: Tujuan Nama yang Disarankan Wadah besar .container Bagian hero/banner .hero-section Header utama .site-header Daftar menu .nav-links, #mainNav Konten utama .main-content Card/kartu artikel .card Footer .site-footer 🧠 Tips dari Jake: Pakai nama berdasarkan fungsi dan konteks, bukan tampilannya. Contoh: Jangan .biru-kotak, tapi .info-box Jangan .tengah-kiri, tapi .main-nav atau .sidebar
Read More

Selasa, 08 Juli 2025

LAZY LOAD

✅ Cara Lazy Load Gambar di Blogger Cukup tambahkan atribut berikut ke semua tag : html Salin Edit Deskripsi Atribut loading="lazy" sekarang didukung oleh semua browser modern, termasuk Chrome, Edge, Firefox, dan bahkan Android WebView. Jika kamu tidak ingin menambahkan loading="lazy" satu per satu, kamu bisa tambahkan script berikut ke footer blog (sebelum ): html Salin Edit 🛠 Tips Tambahan: Untuk blog dengan banyak thumbnail, pastikan juga gambar pakai ukuran kecil atau WebP. Gunakan agar layout tidak loncat-loncat saat lazy load.
Read More

Senin, 07 Juli 2025

JUALAN TEMPLATE

✅ Alasan Template Bisa Dijual Mahal: Performa PageSpeed tinggi (90+ desktop dan mobile) Google suka. Pengunjung betah karena cepat. SEO Friendly beneran Struktur heading tepat (h1, h2, h3 rapi) Meta tag lengkap alt pada gambar otomatis Schema JSON-LD (kalau bisa, untuk article/post) Tampilan modern & clean Typography enak dibaca Grid layout responsif Dark/light mode bonus point Fitur unggulan: Sticky navbar, mega menu Mode AMP/non-AMP Related posts, author box, breadcrumb Panel admin (jika premium) Dokumentasi & Support Ada halaman panduan install Support email atau WhatsApp Update berkala (opsional, tapi nilai plus) Lisensi Jelas Boleh untuk 1 domain / unlimited? Boleh dijual ulang?
Read More

TOOLS CSS / HTML

Read More

Popular Posts

MITRA FBS INDONESIA



MITRA FBS BROKER REBATE 90% / LOT DITRADINGKAN.
BERGABUNG SEKARANG.

Powered By Blogger
Copyright © 2025 ONLINE SCHOOL PROGRAMMING All Right Reserved
Blogger Templates Footer Inspired by designs from Arlina — All customizations by OZXLabz Studios Powered by Blogger