Dalam artikel ini, kami akan membagikan semua gaya tipografi dan elemen yang tersedia dalam tema. Anda dapat melihat dan meniru semua gaya tersebut dengan membuka file "typography.html" di dalam folder posts. Namun, perlu diperhatikan bahwa file ini hanya tersedia jika Anda telah mempunyai versi terbaru dari tema Eduzaid School.
Salam kenal, saya Dropcap. Sebagai huruf besar yang ditempatkan di awal paragraf dan menempati beberapa baris pertama, peran saya adalah untuk menarik perhatian pembaca. Dengan kehadiran saya, paragraf pertama menjadi lebih menonjol dan estetis, mengundang pembaca untuk melanjutkan membaca dengan minat yang lebih besar.
![Guru Mempelajari Gaya Tipografi](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFdSlKiyEM7xUj_qu1BblCTAt1Ipz0YiRTsawuMBpXYubZty7CmxrmGRIMWHZwpFM46-kxN-Lq3BbWbjti3CLpN1eeQZk7xPHy9yJQwMNmo4elKeUD2Z2y4d3UYH-G2Yul0LQ0EZxP2dfcN5WGsv99i4oS7aX_x6PgEYVRf0Pj6SMG1uabMTAoSjGmoVaq/s1600-rw/img.jpg)
Anda juga harus mengenal heading, beliau ibarat bab dan subbab pada buku. Heading adalah elemen penting dalam artikel website, berfungsi untuk membagi konten menjadi bagian-bagian yang lebih mudah dibaca dan dipahami.
Hindari penggunaan heading 1 karena ini sudah digunakan untuk judul postingan. Sebaliknya, gunakan heading 2, 3, dan 4 saja sesuai kebutuhan. Meski semua heading memiliki font yang tebal, ukuran fontnya akan semakin kecil seiring dengan meningkatnya nomor heading.
Heading yang Memberikan Kerangka Topik
Subheading yang Menjelaskan Bagian Kerangka Topik
Minor Heading yang Memberikan Detail Lebih Spesifik
Aneka Tombol
Tombol pada website berfungsi sebagai elemen interaktif yang memudahkan pengguna untuk melakukan aksi spesifik, seperti mengirim formulir atau mengarahkan ke halaman lain.
A. Tombol Sederhana
B. Tombol Outline
C. Tombol Dengan Icon
Tag Inline
Berbagai tag inline dalam pargraf dapat digunakan untuk memformat teks tanpa memulai baris baru, menjaga aliran teks tetap rapi. Tag ini memungkinkan penyorotan dan penekanan bagian tertentu tanpa mengganggu tata letak halaman.
Anda dapat menggunakan tag <mark> untuk menyoroti teks.
Baris teks ini <del> dimaksudkan untuk dianggap sebagai teks yang dihapus.
Baris teks ini <s> dimaksudkan untuk dianggap tidak lagi akurat.
Baris teks ini <ins> dimaksudkan untuk dianggap sebagai tambahan pada dokumen.
Baris teks ini <u> akan ditampilkan dengan garis bawah.
Baris teks ini <small> dimaksudkan untuk dianggap sebagai catatan kecil.
Baris teks ini <strong> ditampilkan sebagai teks tebal.
Baris teks ini <em> ditampilkan sebagai teks miring.
Blockquote
Blockquote dalam website sangat berguna untuk menampilkan kutipan dari sumber terpercaya, memberikan dukungan kuat pada artikel. Dengan menonjolkan kutipan, pembaca dapat dengan mudah mengidentifikasi sumber otoritatif yang memperkuat argumen.
A great website layout is a bonus, but the main focus should be on relevance of information.
Images
A. Images Grid 2 Column
![Teknik Kendaraan Ringan](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmdDC2zFbz-BtRZa0piqq_OVBzIzDSlRezzHQ4w3cwfzR5CYYbOWk8uytNWy-bWlCtKAyi5KZK8aOnpC70oEqeziWyNpNz7Wqgtg2ILL6VsiGjZk6VlNN_PX4C4_UQbQmkddEi0Kgqywdi8doPMtUFrcbnHZumEBsMs25jlgA9viBw4CpRn3VRmpohrwUF/s1600-rw/img-1.jpg)
![Teknik Komputer Jaringan](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0DaLBqsOg6N2YSWWYzHN5jYiYmOMPgpXy684fxPASVtRgBLA0RZD726KvpPqgbhqpbBo6j_gQlIncWUBYkHrPmueMhhKeiygJc8lAK4ZIByJHZhQCqlyky-0vZuaMooi5LxJxPULAM5_YuoBuQW5T-TEZEreFZGL3DtS5L9bUEnDUcIv7wo3mGDATJynK/s1600-rw/img-2.jpg)
B. Images Grid 3 Column
![Teknik Kendaraan Ringan](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGcmIMFtDgHramAssA1nMC4ZLVslfCMWzXQppHPgpr8xk39mUHMG-dYvW0K_C_NYU8ATQp5CVth_X9iOIelEWPLst_9kqHtthwT1XVNJibspdnMclIVEPQFWDQ2J1W2_RmAVGq6ifxrhOH19obZn4RsazLxz4CGXzSnZr6TR3JkCKCixUvWCVFJxYx08vV/s1600-rw/img-3.jpg)
![Teknik Komputer Jaringan](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxyjhKFnJa9L3hr0b5ZnR9LNYrDU-bq_PMl6mbE2aEtb0xJAgs9PAXDMENlj8AM_YVzxsr_CusP_sF2xtAagyhv3PAGVV7N54HDhvYxP8IAf1E4iEDcEXOdSbWq2nJfm5ctRuhoFtrTkMBjp38FVCX3PaOuW7j6L1Vz1hW83fgtMz_umyGi-wdCWC6RC7G/s1600-rw/img-4.jpg)
![Teknik Kendaraan Ringan](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0zeobG4Yk0_tE17P0bS4QrZ4QMa1tCJSfSMXpdlytbYdI324mAdY-H6KUb-vK-DyDLajLjcaspRB3QSzi5AkTMdP0aClxktzAZMxcpzZVju3iTLfhRYO_ivm8OdWd2arqMfkqDRCMquaElcUUURvzExm_aDbYMjHtoWlMlnDqyNp-2CxDazfvjBIAZWoq/s1600-rw/img-5.jpg)
![Teknik Komputer Jaringan](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinrK9D5r__nC25g0JaJriKrTTWbcpoKRU1U0LSU1rk8EMWyEOUs3MuZkgFH-4HOL5jEkmtsvFaPnxC5wojSxaWWmDN1l4RSnY0lXsy6Fr2epmazoXwtozemLe6jdI9eOB_CoEmOHUvtuCGAgk7O7vzoTOKzupKF-yUCZ8WLLb3uGByH_15sDJBqQo3LP0V/s1600-rw/img-6.jpg)
![Teknik Kendaraan Ringan](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNuveeEO_vwTvmIV_uheNyqymYc4-yoE0fHFkDFL9qNM4GamaQ-FNiNJM2nRSwUlYNmEWezP64Qbee1MhJc9l5oNDEuSMSDxsIgt3yuxqz3R2axx3F0kJG2nzT7g17O2g8UJnQ5XaXe_bZW7CsS6xrvG6hPWKS2zAo08JXeYImTKZN_5xT05XzUG65gp79/s1600-rw/img-7.jpg)
![Teknik Komputer Jaringan](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBdAf8sWdVpT2hqFFpQlFIQWQdXLyLNqxB5_A_qe15sKCOAGExGKMH7vQLIFGPJw-AJeGy5wI0TPvVMCGGfPIeUY6bVtOTDAPy3eJID6mGnk5XI30zqR6EIGpxaM0BOMoln5bu7ovmqM9Y0N-EcvUPH6o3GCQtI8thm-IMfnPrCUeT-v3LxAk4wrrDz9Sn/s1600-rw/img-8.jpg)
C. Images Single Slider
D. Images Double Slider
Nav Tabs
Accordion
Table
A. Table Sederhana
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | The Bird |
B. Table Profil Guru
Nama | : | Dwi Prastyo, S.Pd. |
NUPTK | : | 12345678900 |
NIP | : | 12345678900 |
Tempat Lahir | : | Ponorogo, 15 Desember 1925 |
Agama | : | Islam |
Jenis Kelamin | : | Laki-laki |
Status | : | PNS |
No. HP | : | 628980440088 |
: | dwiprasthetic@gmail.com | |
Jabatan | : | Guru Olahraga |
Alamat | : | Jl. Sultan Agung No. 26, RT03/RW08, Bangunsari, Ponorogo, Jawa Timur, 63419 |
Daftar dan Numbering
Menggunakan list dalam artikel memudahkan pembaca, terutama ketika materi berisi langkah-langkah atau poin-poin penting. Berikut contoh list tentang pentingnya website untuk sekolah:
- Meningkatkan visibilitas dan reputasi sekolah di masyarakat.
- Menyediakan platform untuk komunikasi efektif antara guru, siswa, dan orang tua.
- Memudahkan distribusi dan akses informasi pendidikan terkini dan materi pelajaran.
- Meningkatkan keterlibatan orang tua dalam kegiatan dan perkembangan akademik anak-anak mereka.
- Memberikan akses mudah ke kalender akademik, pengumuman penting, dan hasil kegiatan sekolah.
Berikut adalah proses sederhana yang dapat Anda ikuti untuk memastikan website Anda tidak hanya fungsional tetapi juga menarik dan informatif:
- Hubungi admin kami untuk informasi awal atau sekedar tanya jawab.
- Coba versi gratis dari tema Eduzaid School.
- Minta kode lisensi untuk mengaktifkan tema selama periode percobaan.
- Eksplorasi fitur gratis yang tersedia untuk menilai kebutuhan dan kenyamanan penggunaan.
- Memutuskan untuk membeli versi premium atau membiarkan kode lisensi hangus secara otomatis.