{"id":21446,"date":"2026-10-04T03:27:31","date_gmt":"2026-10-03T20:27:31","guid":{"rendered":"https:\/\/man2kulonprogo.sch.id\/m2kp\/?p=21446"},"modified":"2026-10-04T12:44:24","modified_gmt":"2026-10-04T05:44:24","slug":"surat-undangan","status":"publish","type":"post","link":"https:\/\/man2kulonprogo.sch.id\/m2kp\/2026\/10\/04\/surat-undangan\/","title":{"rendered":"Surat Undangan"},"content":{"rendered":"<div style=\"max-width: 880px; margin: 0 auto; color: #243042; line-height: 1.7; font-size: 16px; font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif;\">\n<div style=\"background: linear-gradient(135deg,#1B365D 0%,#0F2342 100%); border: 3px solid #D4AF37; border-radius: 16px; overflow: hidden; margin-bottom: 24px; box-shadow: 0 4px 14px rgba(15,35,66,.35);\">\n<div style=\"height: 8px; background: linear-gradient(90deg,#B08D2E,#F6E7A8,#B08D2E);\"><\/div>\n<div style=\"padding: 26px 24px 24px; text-align: center;\">\n<div style=\"display: inline-block; border: 1px solid #D4AF37; color: #f6e7a8; font-size: 14px; padding: 3px 16px; border-radius: 99px; margin-bottom: 12px;\">Informatika Kelas XI \u00b7 Bab 4 \u00b7 Praktikum 2<\/div>\n<div style=\"font-family: Georgia,'Times New Roman',serif; font-size: 32px; line-height: 1.25; font-weight: bold; color: #f6e7a8; margin-bottom: 6px;\">Surat Undangan<\/div>\n<div style=\"font-family: Georgia,'Times New Roman',serif; font-size: 22px; line-height: 1.3; color: #fff; margin-bottom: 14px;\">dengan Microsoft Word<\/div>\n<div style=\"height: 2px; width: 120px; margin: 0 auto 14px; background: linear-gradient(90deg,#B08D2E,#F6E7A8,#B08D2E);\"><\/div>\n<div style=\"color: #e8edf4; margin-bottom: 12px;\">Latihan membuat surat resmi: kop surat berlogo, garis kop ganda, penataan dengan Tab dan indentasi, rincian acara bernomor, hingga blok tanda tangan dari tabel tanpa garis.<\/div>\n<div style=\"font-size: 14px; color: #f6e7a8;\">Pengampu: Zuli Irawanto, ST<\/div>\n<\/div>\n<div style=\"height: 8px; background: linear-gradient(90deg,#B08D2E,#F6E7A8,#B08D2E);\"><\/div>\n<\/div>\n<div style=\"background: #FFF0F0; border: 2px solid #FF6B6B; border-radius: 14px; padding: 14px 18px; margin: 26px 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; color: #c23b3b; margin-bottom: 4px;\">\u275d Nilai Panca Cinta: Cinta Allah dan Rasul-Nya<\/div>\n<div style=\"font-style: italic;\">Surat yang dibuka dengan salam dan puji syukur mengajarkan kita memulai segala urusan dengan menyebut nama-Nya. Awali pekerjaanmu dengan basmalah dan akhiri dengan rasa syukur.<\/div>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #c23b3b; margin: 38px 0 14px; padding: 8px 16px; background: #FFF0F0; border: 0; border-left: 8px solid #FF6B6B; border-radius: 0 12px 12px 0; font-weight: bold;\">Target Belajar<\/h2>\n<div style=\"margin-bottom: 12px;\">Setelah praktikum ini, kamu diharapkan mampu:<\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #FFF0F0; border: 2px solid #FF6B6B; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #FF6B6B; color: #fff; font-weight: bold;\">1<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Mengetik surat resmi sesuai sistematika: kop, nomor, isi, penutup, dan tanda tangan<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #E6FAF7; border: 2px solid #18B7A5; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #18B7A5; color: #fff; font-weight: bold;\">2<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Membuat kop surat lengkap dengan logo dan teks rata tengah<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #EFEDFD; border: 2px solid #6C5CE7; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #6C5CE7; color: #fff; font-weight: bold;\">3<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Membuat garis kop ganda (tebal-tipis) dengan Border<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #FFF6E3; border: 2px solid #F5A623; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #F5A623; color: #fff; font-weight: bold;\">4<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Menata Nomor, Lamp, Hal, dan tanggal dengan Tab<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #EAF2FE; border: 2px solid #2F80ED; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #2F80ED; color: #fff; font-weight: bold;\">5<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Mengatur indentasi pada alamat tujuan surat<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #FFF0F0; border: 2px solid #FF6B6B; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #FF6B6B; color: #fff; font-weight: bold;\">6<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Menyusun rincian acara yang sejajar dengan Tab dan Numbering<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #E6FAF7; border: 2px solid #18B7A5; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #18B7A5; color: #fff; font-weight: bold;\">7<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Membuat blok tanda tangan dengan tabel tanpa garis<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #EFEDFD; border: 2px solid #6C5CE7; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #6C5CE7; color: #fff; font-weight: bold;\">8<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Menyimpan dokumen sesuai format nama berkas<\/div>\n<\/div>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #0b7a6d; margin: 38px 0 14px; padding: 8px 16px; background: #E6FAF7; border: 0; border-left: 8px solid #18B7A5; border-radius: 0 12px 12px 0; font-weight: bold;\">Dasar Teori<\/h2>\n<div style=\"margin-bottom: 14px;\">Surat undangan resmi punya susunan yang baku. Kenali dulu fitur-fitur Word yang membantumu menyusunnya dengan rapi.<\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 14px;\">\n<div style=\"flex: 1 1 250px; background: #FFF0F0; border: 2px solid #FF6B6B; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #c23b3b; margin-bottom: 6px;\">Kop Surat<\/div>\n<div style=\"display: inline-block; background: #FF6B6B; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 99px; margin-bottom: 8px;\">Insert \u2192 Pictures + teks<\/div>\n<div style=\"font-size: 15px;\">Kepala surat resmi berisi logo dan identitas lembaga: nama instansi, alamat, telepon, email, dan situs web.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; background: #E6FAF7; border: 2px solid #18B7A5; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #0b7a6d; margin-bottom: 6px;\">Tab Stop<\/div>\n<div style=\"display: inline-block; background: #18B7A5; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 99px; margin-bottom: 8px;\">Ruler \/ Layout \u2192 Paragraph \u2192 Tabs<\/div>\n<div style=\"font-size: 15px;\">Titik henti yang membuat teks sejajar rapi, misalnya titik dua pada Nomor, Lamp, Hal, dan rincian acara. Jangan memakai spasi berulang.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; background: #EFEDFD; border: 2px solid #6C5CE7; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #4b3fc0; margin-bottom: 6px;\">Border Paragraf<\/div>\n<div style=\"display: inline-block; background: #6C5CE7; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 99px; margin-bottom: 8px;\">Home \u2192 Borders \u2192 Borders and Shading<\/div>\n<div style=\"font-size: 15px;\">Garis di tepi paragraf. Dipakai untuk membuat garis bawah kop surat yang tebal-tipis.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; background: #FFF6E3; border: 2px solid #F5A623; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #8f5b00; margin-bottom: 6px;\">Indentasi<\/div>\n<div style=\"display: inline-block; background: #F5A623; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 99px; margin-bottom: 8px;\">Layout \u2192 Paragraph \u2192 Indentation<\/div>\n<div style=\"font-size: 15px;\">Menggeser awal baris dari margin, agar \u201cdi tempat.\u201d sejajar dengan nama penerima surat.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; background: #EAF2FE; border: 2px solid #2F80ED; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #1d5fbf; margin-bottom: 6px;\">Tabel Tanpa Garis<\/div>\n<div style=\"display: inline-block; background: #2F80ED; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 99px; margin-bottom: 8px;\">Insert \u2192 Table \u2192 Borders \u2192 No Border<\/div>\n<div style=\"font-size: 15px;\">Tabel sebagai kerangka tak terlihat untuk menata tanda tangan dua sisi (kiri dan kanan) dengan rapi.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; background: #FFF0F0; border: 2px solid #FF6B6B; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #c23b3b; margin-bottom: 6px;\">Hyperlink<\/div>\n<div style=\"display: inline-block; background: #FF6B6B; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 99px; margin-bottom: 8px;\">Insert \u2192 Link<\/div>\n<div style=\"font-size: 15px;\">Alamat email dan situs web otomatis menjadi tautan biru bergaris bawah saat diketik lalu ditekan spasi atau Enter.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; background: #E6FAF7; border: 2px solid #18B7A5; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #0b7a6d; margin-bottom: 6px;\">Spasi Paragraf<\/div>\n<div style=\"display: inline-block; background: #18B7A5; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 99px; margin-bottom: 8px;\">Layout \u2192 Spacing \/ Home \u2192 Line Spacing<\/div>\n<div style=\"font-size: 15px;\">Mengatur jarak antarparagraf agar surat terbaca lega dan tidak berdempetan.<\/div>\n<\/div>\n<\/div>\n<div style=\"background: #E6FAF7; border: 2px solid #18B7A5; border-radius: 14px; padding: 14px 18px; margin: 26px 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; color: #0b7a6d; margin-bottom: 4px;\">\u275d Nilai Panca Cinta: Cinta Diri dan Sesama<\/div>\n<div style=\"font-style: italic;\">Surat yang rapi dan santun menunjukkan penghargaan kepada penerimanya. Teliti menulis nama, tanggal, dan tempat adalah bentuk menghormati sesama.<\/div>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #4b3fc0; margin: 38px 0 14px; padding: 8px 16px; background: #EFEDFD; border: 0; border-left: 8px solid #6C5CE7; border-radius: 0 12px 12px 0; font-weight: bold;\">Lembar Kerja (Jobsheet)<\/h2>\n<div style=\"margin-bottom: 14px;\">Perhatikan jobsheet dengan teliti: letak kop, garis, titik dua yang sejajar, nomor pada acara, dan posisi tanda tangan. Ketik ulang <b>seluruh isinya persis sama<\/b>, termasuk tanda baca. Pada bagian tanda tangan, ganti \u201cNamamu&#8230;&#8230;.\u201d dengan namamu sendiri.<\/div>\n<div style=\"background: #EFEDFD; border: 2px dashed #6C5CE7; padding: 14px; border-radius: 16px; text-align: center;\">\n<p><a href=\"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-content\/uploads\/2026\/10\/Tugas-Praktikum-2-Surat-Undangan.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"max-width: 100%; height: auto; border: 1px solid #E3E8F0; background: #fff; border-radius: 8px;\" src=\"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-content\/uploads\/2026\/10\/jobsheet-praktikum-2.jpg\" alt=\"Jobsheet Praktikum 2 - Surat Undangan\" \/><\/a><\/p>\n<div style=\"font-size: 13px; color: #5b6677; margin: 8px 0 12px;\">Ketuk gambar untuk membuka PDF ukuran penuh.<\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;\"><a style=\"display: inline-block; background: #2F80ED; color: #fff; border: 2px solid #2F80ED; padding: 12px 22px; border-radius: 99px; font-weight: bold; text-decoration: none; text-align: center; flex: 1 1 180px; max-width: 260px;\" href=\"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-content\/uploads\/2026\/10\/Tugas-Praktikum-2-Surat-Undangan.pdf\" target=\"_blank\" rel=\"noopener\">Buka PDF<\/a><a style=\"display: inline-block; background: #F5A623; color: #2b2000; border: 2px solid #F5A623; padding: 12px 22px; border-radius: 99px; font-weight: bold; text-decoration: none; text-align: center; flex: 1 1 180px; max-width: 260px;\" href=\"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-content\/uploads\/2026\/10\/Tugas-Praktikum-2-Surat-Undangan.pdf\" target=\"_blank\" rel=\"noopener\">Unduh PDF<\/a><\/div>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #8f5b00; margin: 38px 0 14px; padding: 8px 16px; background: #FFF6E3; border: 0; border-left: 8px solid #F5A623; border-radius: 0 12px 12px 0; font-weight: bold;\">10 Langkah Praktik<\/h2>\n<div style=\"margin-bottom: 12px;\">Kerjakan berurutan ya, jangan melompat.<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #FFF0F0; border-left: 6px solid #FF6B6B; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #FF6B6B; color: #fff; font-weight: bold; font-size: 18px;\">1<\/div>\n<div style=\"flex: 1 1 0; min-width: 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #c23b3b; margin-bottom: 2px;\">Siapkan dokumen baru<\/div>\n<div style=\"font-size: 15px;\">Buka Word dan buat dokumen kosong (Blank Document). Atur kertas A4: <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: nowrap;\">Layout \u2192 Size \u2192 A4<\/span> dan margin Normal. Pilih jenis huruf yang terbaca jelas (tampilan jobsheet menyerupai Calibri) ukuran 11\u201312 pt.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #E6FAF7; border-left: 6px solid #18B7A5; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #18B7A5; color: #fff; font-weight: bold; font-size: 18px;\">2<\/div>\n<div style=\"flex: 1 1 0; min-width: 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #0b7a6d; margin-bottom: 2px;\">Buat kop surat<\/div>\n<div style=\"font-size: 15px;\">Sisipkan logo dengan <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: nowrap;\">Insert \u2192 Pictures \u2192 This Device<\/span>, atur <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: nowrap;\">Wrap Text \u2192 Square<\/span> lalu letakkan di sisi kiri. Ketik teks kop rata tengah (Center): baris 1 dan 3 Bold, baris 2 Bold dan paling besar, alamat berukuran kecil. Email dan web otomatis menjadi hyperlink.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #EFEDFD; border-left: 6px solid #6C5CE7; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #6C5CE7; color: #fff; font-weight: bold; font-size: 18px;\">3<\/div>\n<div style=\"flex: 1 1 0; min-width: 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #4b3fc0; margin-bottom: 2px;\">Buat garis kop ganda<\/div>\n<div style=\"font-size: 15px;\">Letakkan kursor di akhir baris email\/web, lalu buka <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: normal;overflow-wrap: anywhere;\">Home \u2192 Borders \u2192 Borders and Shading<\/span>. Pilih garis bawah (Bottom) bertipe tebal-tipis dan terapkan pada paragraf.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #FFF6E3; border-left: 6px solid #F5A623; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #F5A623; color: #fff; font-weight: bold; font-size: 18px;\">4<\/div>\n<div style=\"flex: 1 1 0; min-width: 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #8f5b00; margin-bottom: 2px;\">Nomor, Lamp, Hal, dan tanggal<\/div>\n<div style=\"font-size: 15px;\">Ketik Nomor, Lamp, dan Hal. Sejajarkan titik dua memakai tombol <b>Tab<\/b>, bukan spasi. Letakkan tanggal di sisi kanan dengan Tab kanan (Right Tab) di Ruler.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #EAF2FE; border-left: 6px solid #2F80ED; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #2F80ED; color: #fff; font-weight: bold; font-size: 18px;\">5<\/div>\n<div style=\"flex: 1 1 0; min-width: 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #1d5fbf; margin-bottom: 2px;\">Tujuan surat<\/div>\n<div style=\"font-size: 15px;\">Ketik \u201cKepada Yth. Bpk\/Ibu\/Sdr. &#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;\u201d lalu \u201cdi tempat.\u201d di baris berikutnya. Geser baris \u201cdi tempat.\u201d memakai <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: nowrap;\">Layout \u2192 Indent Left<\/span> agar sejajar dengan Bpk\/Ibu\/Sdr.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #FFF0F0; border-left: 6px solid #FF6B6B; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #FF6B6B; color: #fff; font-weight: bold; font-size: 18px;\">6<\/div>\n<div style=\"flex: 1 1 0; min-width: 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #c23b3b; margin-bottom: 2px;\">Salam dan paragraf pembuka<\/div>\n<div style=\"font-size: 15px;\">Ketik salam pembuka dengan format <i>Italic<\/i>, lalu \u201cDengan hormat,\u201d dan dua paragraf isi surat dengan perataan Justify. Atur jarak antarparagraf agar terbaca lega.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #E6FAF7; border-left: 6px solid #18B7A5; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #18B7A5; color: #fff; font-weight: bold; font-size: 18px;\">7<\/div>\n<div style=\"flex: 1 1 0; min-width: 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #0b7a6d; margin-bottom: 2px;\">Rincian acara<\/div>\n<div style=\"font-size: 15px;\">Ketik Hari, tanggal; Waktu; Tempat; dan Acara. Sejajarkan titik dua dengan Tab. Untuk Acara, buat dua butir dengan <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: nowrap;\">Home \u2192 Numbering<\/span> (1. Rapat pelaksanaan Mafesta; 2. Pembentukan panitia pelaksanaan kegiatan).<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #EFEDFD; border-left: 6px solid #6C5CE7; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #6C5CE7; color: #fff; font-weight: bold; font-size: 18px;\">8<\/div>\n<div style=\"flex: 1 1 0; min-width: 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #4b3fc0; margin-bottom: 2px;\">Penutup dan catatan (NB)<\/div>\n<div style=\"font-size: 15px;\">Ketik kalimat terima kasih, salam penutup (Italic), lalu NB berisi dua butir bernomor dengan format Italic.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #FFF6E3; border-left: 6px solid #F5A623; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #F5A623; color: #fff; font-weight: bold; font-size: 18px;\">9<\/div>\n<div style=\"flex: 1 1 0; min-width: 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #8f5b00; margin-bottom: 2px;\">Blok tanda tangan<\/div>\n<div style=\"font-size: 15px;\">Buat tabel 2 kolom lewat <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: nowrap;\">Insert \u2192 Table<\/span>, lalu hilangkan garisnya dengan <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: nowrap;\">Borders \u2192 No Border<\/span>. Kolom kiri: \u201cKetua OSIS\u201d dan nama <b>Oktafia Wulandari<\/b> (Bold). Kolom kanan: \u201cKulon Progo, 10 September 2026\u201d, \u201cSekretaris,\u201d dan namamu (Bold) menggantikan \u201cNamamu&#8230;&#8230;.\u201d.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #EAF2FE; border-left: 6px solid #2F80ED; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #2F80ED; color: #fff; font-weight: bold; font-size: 18px;\">10<\/div>\n<div style=\"flex: 1 1 0; min-width: 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #1d5fbf; margin-bottom: 2px;\">Simpan dokumen<\/div>\n<div style=\"font-size: 15px;\">Simpan dengan format nama <b>NamaLengkap_Kelas_Praktikum2.docx<\/b>, contoh: AndiPratama_XI-1_Praktikum2.docx. Kumpulkan melalui link atau aplikasi yang diinformasikan guru.<\/div>\n<\/div>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #1d5fbf; margin: 38px 0 14px; padding: 8px 16px; background: #EAF2FE; border: 0; border-left: 8px solid #2F80ED; border-radius: 0 12px 12px 0; font-weight: bold;\">Rubrik Penilaian<\/h2>\n<div style=\"border: 2px solid #6C5CE7; border-radius: 14px; overflow: hidden;\">\n<table style=\"width: 100%; border-collapse: collapse; font-size: 15px; margin: 0;\">\n<tbody>\n<tr>\n<th style=\"background: #6C5CE7!important; color: #fff!important; padding: 10px 12px; text-align: left; border: 0;\">Aspek yang dinilai<\/th>\n<th style=\"background: #6C5CE7!important; color: #fff!important; padding: 10px 8px; text-align: center; border: 0;\">Skor<\/th>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Ketepatan isi teks (sesuai jobsheet)<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Teks lengkap dan sesuai aslinya<\/span><\/td>\n<td style=\"background: #fff; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #FF6B6B; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">10<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Kop surat: logo dan teks rata tengah<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Logo tersisip, ukuran dan format teks tepat<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #18B7A5; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">15<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Garis kop ganda (tebal-tipis)<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Garis memakai Border, bukan diketik<\/span><\/td>\n<td style=\"background: #fff; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #6C5CE7; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">10<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Nomor, Lamp, Hal, dan tanggal<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Titik dua sejajar memakai Tab, tanggal di kanan<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #F5A623; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">10<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Tujuan surat dan indentasi<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">\u201cdi tempat.\u201d sejajar dengan penerima<\/span><\/td>\n<td style=\"background: #fff; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #2F80ED; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">5<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Salam dan isi surat<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Salam Italic, paragraf Justify, jarak rapi<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #FF6B6B; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">10<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Rincian acara<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Titik dua sejajar, Acara bernomor otomatis<\/span><\/td>\n<td style=\"background: #fff; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #18B7A5; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">15<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Catatan (NB) bernomor Italic<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Dua butir bernomor, format miring<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #6C5CE7; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">5<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Blok tanda tangan (tabel tanpa garis)<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Dua kolom rapi, nama Bold, garis tabel hilang<\/span><\/td>\n<td style=\"background: #fff; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #F5A623; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">20<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #EFEDFD; padding: 10px 12px; text-align: right; border: 0;\"><b>TOTAL<\/b><\/td>\n<td style=\"background: #EFEDFD; padding: 10px 8px; text-align: center; font-weight: bold; color: #4b3fc0; border: 0;\">100<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #c23b3b; margin: 38px 0 14px; padding: 8px 16px; background: #FFF0F0; border: 0; border-left: 8px solid #FF6B6B; border-radius: 0 12px 12px 0; font-weight: bold;\">Mentok? Cek di Sini<\/h2>\n<div style=\"background: #FFF0F0; border-left: 6px solid #FF6B6B; border-radius: 10px; padding: 10px 14px; margin-bottom: 10px;\">\n<div style=\"font-weight: bold; color: #c23b3b;\">\ud83d\udca1 Logo bergeser-geser saat diklik?<\/div>\n<div style=\"font-size: 15px;\">Klik kanan logo, pilih Wrap Text lalu \u201cSquare\u201d atau \u201cIn Front of Text\u201d, baru geser ke posisi yang diinginkan.<\/div>\n<\/div>\n<div style=\"background: #E6FAF7; border-left: 6px solid #18B7A5; border-radius: 10px; padding: 10px 14px; margin-bottom: 10px;\">\n<div style=\"font-weight: bold; color: #0b7a6d;\">\ud83d\udca1 Titik dua tidak sejajar?<\/div>\n<div style=\"font-size: 15px;\">Pastikan kamu memakai tombol Tab, bukan spasi. Atur titik henti lewat Ruler atau Layout \u2192 Paragraph \u2192 Tabs.<\/div>\n<\/div>\n<div style=\"background: #EFEDFD; border-left: 6px solid #6C5CE7; border-radius: 10px; padding: 10px 14px; margin-bottom: 10px;\">\n<div style=\"font-weight: bold; color: #4b3fc0;\">\ud83d\udca1 Garis kop tidak muncul atau terlalu panjang?<\/div>\n<div style=\"font-size: 15px;\">Garis ini adalah Border pada paragraf. Pastikan kursor berada di paragraf yang tepat saat memilih Bottom Border.<\/div>\n<\/div>\n<div style=\"background: #FFF6E3; border-left: 6px solid #F5A623; border-radius: 10px; padding: 10px 14px; margin-bottom: 10px;\">\n<div style=\"font-weight: bold; color: #8f5b00;\">\ud83d\udca1 Tabel tanda tangan masih bergaris?<\/div>\n<div style=\"font-size: 15px;\">Blok seluruh tabel, lalu pilih Borders \u2192 No Border. Garis bantu abu-abu di layar tidak ikut tercetak.<\/div>\n<\/div>\n<div style=\"background: #EAF2FE; border-left: 6px solid #2F80ED; border-radius: 10px; padding: 10px 14px; margin-bottom: 10px;\">\n<div style=\"font-weight: bold; color: #1d5fbf;\">\ud83d\udca1 Email dan web berubah warna biru?<\/div>\n<div style=\"font-size: 15px;\">Itu normal, karena menjadi hyperlink otomatis. Tampilan serupa juga ada pada jobsheet.<\/div>\n<\/div>\n<div style=\"background: #FFF6E3; border: 2px solid #F5A623; border-radius: 14px; padding: 14px 18px; margin: 26px 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; color: #8f5b00; margin-bottom: 4px;\">\u275d Cinta Ilmu Pengetahuan<\/div>\n<div style=\"font-style: italic;\">Ketelitian dalam menyusun surat adalah latihan kecil untuk sikap besar: cermat, bertanggung jawab, dan tekun. Dokumen rapi hari ini jadi bekal untuk surat lamaran dan CV di praktikum berikutnya.<\/div>\n<\/div>\n<div style=\"text-align: center; margin: 30px 0 10px;\"><a style=\"display: inline-block; background: #1B365D; color: #f6e7a8; border: 2px solid #D4AF37; padding: 14px 30px; border-radius: 99px; font-weight: bold; text-decoration: none; text-align: center; box-shadow: 0 3px 0 #0F2342;\" href=\"https:\/\/man2kulonprogo.sch.id\/m2kp\/2023\/08\/30\/informatika-kelas-xi\/#bab4\">\u2190 Kembali ke Daftar Materi Bab 4<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Informatika Kelas XI \u00b7 Bab 4 \u00b7 Praktikum 2 Surat Undangan dengan Microsoft Word Latihan membuat surat resmi: kop surat berlogo, garis kop ganda, penataan dengan Tab dan indentasi, rincian acara bernomor, hingga blok tanda tangan dari tabel tanpa garis. Pengampu: Zuli Irawanto, ST \u275d Nilai Panca Cinta: Cinta Allah dan Rasul-Nya Surat yang dibuka &hellip;<\/p>\n","protected":false},"author":1,"featured_media":21447,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1128,1582],"tags":[],"class_list":["post-21446","post","type-post","status-publish","format-standard","has-post-thumbnail","","category-informatika","category-informatika-kelas-x"],"_links":{"self":[{"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/posts\/21446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/comments?post=21446"}],"version-history":[{"count":0,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/posts\/21446\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/media\/21447"}],"wp:attachment":[{"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/media?parent=21446"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/categories?post=21446"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/tags?post=21446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}