{"id":2425,"date":"2025-09-19T10:48:54","date_gmt":"2025-09-19T10:48:54","guid":{"rendered":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/?page_id=2425"},"modified":"2025-09-19T10:48:54","modified_gmt":"2025-09-19T10:48:54","slug":"vpmentari","status":"publish","type":"page","link":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/vpmentari\/","title":{"rendered":"vpmentari"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"utf-8\"\/>\n    <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n    <title>Jenjang PAUD<\/title>\n    <style>\n        body {\n            margin: 0;\n            font-family: 'Poppins', sans-serif;\n            background-color: #f0f4f8;\n            color: #333;\n            line-height: 1.6;\n        }\n\n        .nav-paud {\n            background: #0a4a82;\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 0 10px;\n        }\n\n        .menu-paud {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            display: flex;\n        }\n\n        .menu-paud > li {\n            position: relative;\n        }\n\n        .menu-paud > li > a {\n            display: block;\n            padding: 14px 20px;\n            color: #fff;\n            text-decoration: none;\n            font-weight: 500;\n        }\n\n        .menu-paud > li > a:hover {\n            background: #0e5aa0;\n        }\n\n        .submenu {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            position: absolute;\n            top: 100%;\n            left: 0;\n            background: #0e5aa0;\n            display: none;\n            min-width: 220px;\n        }\n\n        .submenu li a {\n            display: block;\n            padding: 12px 16px;\n            color: #fff;\n            text-decoration: none;\n            white-space: nowrap;\n        }\n\n        .submenu li a:hover {\n            background: #1372cf;\n        }\n\n        .menu-paud > li:hover .submenu {\n            display: block;\n        }\n\n        .hamburger {\n            display: none;\n            cursor: pointer;\n            font-size: 22px;\n            color: #fff;\n            padding: 14px 20px;\n            background: #0a4a82;\n            border: none;\n            order: -1; \n        }\n\n        .search-container {\n            display: flex;\n            align-items: center;\n        }\n        \n        .search-container input[type=\"search\"] {\n            padding: 6px 10px;\n            border: 1px solid #5f99cf; \n            border-radius: 5px;\n            font-size: 14px;\n            background-color: #0e5aa0; \n            color: #ffffff; \n        }\n        \n        .search-container input[type=\"search\"]::placeholder {\n            color: #d1d1d1; \n        }\n\n        @media (max-width: 900px) {\n            .nav-paud {\n                flex-wrap: wrap;\n            }\n\n            .menu-paud {\n                flex-direction: column;\n                display: none;\n                width: 100%;\n                order: 3; \n            }\n\n            .menu-paud.active {\n                display: flex;\n            }\n\n            .menu-paud > li {\n                width: 100%;\n            }\n\n            .submenu {\n                position: static;\n                display: none;\n                background: #1372cf;\n            }\n\n            .menu-paud > li.open > .submenu {\n                display: block;\n            }\n\n            .hamburger {\n                display: block;\n            }\n            \n            .search-container {\n                margin-left: auto; \n            }\n\n            .menu-paud > li > a {\n                padding: 12px 16px;\n            }\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        .page-header {\n            background-color: #ffd700;\n            color: #333;\n            text-align: center;\n            padding: 40px 20px;\n            border-radius: 10px;\n            margin-bottom: 40px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .page-header h1 {\n            font-size: 3rem;\n            font-weight: 600;\n            margin-bottom: 10px;\n        }\n\n        .page-header-logos {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n        }\n        \n        @media (max-width: 600px) {\n            .page-header-logos {\n                flex-direction: column;\n                align-items: center;\n            }\n        }\n\n        .page-header-logos a {\n            display: inline-block;\n            transition: transform 0.3s ease;\n        }\n\n        .page-header-logos a:hover {\n            transform: scale(1.05);\n        }\n\n        .page-header-logos img {\n            height: 80px;\n            width: auto;\n        }\n\n        .content-section {\n            background-color: #fff;\n            padding: 30px;\n            border-radius: 10px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-size: 2.5rem;\n            color: #007bff;\n            text-align: center;\n            margin-bottom: 20px;\n        }\n\n        .content-row {\n            display: flex;\n            align-items: center;\n            gap: 30px;\n            margin-bottom: 30px;\n        }\n\n        .image-col {\n            flex-shrink: 0;\n            text-align: center;\n        }\n\n        .image-col img {\n            max-width: 200px;\n            height: auto;\n        }\n\n        .text-col {\n            flex-grow: 1;\n        }\n\n        .text-col p {\n            font-size: 1rem;\n            text-align: justify;\n        }\n\n        hr {\n            border: none;\n            height: 3px;\n            background-color: #007bff;\n            margin: 40px 0;\n        }\n\n        .video-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 20px;\n        }\n\n        .video-item {\n            background-color: #f9f9f9;\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n        \n        .video-thumbnail-container {\n            position: relative;\n            cursor: pointer;\n            overflow: hidden;\n            border-radius: 5px;\n            margin-bottom: 15px;\n        }\n        \n        .video-thumbnail-container img {\n            width: 100%;\n            height: auto;\n            display: block;\n            transition: transform 0.3s ease;\n        }\n        \n        .video-thumbnail-container:hover img {\n            transform: scale(1.05);\n        }\n        \n        .video-thumbnail-container .play-icon {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            color: #fff;\n            font-size: 3rem;\n            text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\n            opacity: 0.8;\n            transition: opacity 0.3s ease;\n        }\n        \n        .video-thumbnail-container:hover .play-icon {\n            opacity: 1;\n        }\n\n        .video-details {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n\n        .video-title {\n            font-size: 1.5rem;\n            color: #0056b3;\n            margin: 0;\n        }\n        \n        .play-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 10px;\n            margin-top: 10px;\n            margin-bottom: 15px;\n        }\n\n        .play-btn {\n            background-color: #007bff;\n            color: #fff;\n            border: none;\n            padding: 8px 16px;\n            border-radius: 5px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            transition: background-color 0.3s ease, transform 0.2s ease;\n        }\n\n        .play-btn:hover {\n            background-color: #0056b3;\n            transform: translateY(-2px);\n        }\n\n        .video-description {\n            font-size: 0.9rem;\n            color: #555;\n            text-align: justify;\n            margin-top: 15px;\n        }\n\n        .guidance-link-btn {\n            display: block;\n            background-color: #1abc9c;\n            color: #fff;\n            padding: 10px 15px;\n            border-radius: 5px;\n            text-decoration: none;\n            font-weight: bold;\n            margin-top: 15px;\n            transition: background-color 0.3s ease, transform 0.2s ease;\n            text-align: center;\n            cursor: pointer;\n            border: none;\n        }\n        \n        .guidance-link-btn:hover {\n            background-color: #16a085;\n            transform: translateY(-2px);\n        }\n        \n        .modal {\n            display: none;\n            position: fixed;\n            z-index: 2000; \n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.9);\n            justify-content: center;\n            align-items: center;\n        }\n\n        .modal-content {\n            background-color: #000;\n            padding: 0;\n            position: relative;\n            width: 100%;\n            height: 100%;\n            border-radius: 0;\n            box-shadow: none;\n        }\n\n        .close-btn {\n            color: #fff;\n            position: absolute;\n            top: 15px;\n            right: 35px;\n            font-size: 40px;\n            font-weight: bold;\n            cursor: pointer;\n            transition: color 0.2s;\n            z-index: 2001;\n        }\n\n        .close-btn:hover,\n        .close-btn:focus {\n            color: #ccc;\n        }\n        \n        #video-modal-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 100%;\n            max-width: 1280px; \n            transform: translate(-50%, -50%);\n            padding-bottom: 56.25%; \n            height: 0;\n        }\n\n        #video-modal-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n\n        @media (max-width: 768px) {\n            .page-header h1 {\n                font-size: 2rem;\n            }\n\n            .page-header-logos img {\n                height: 60px;\n            }\n\n            .content-row {\n                flex-direction: column;\n            }\n\n            .image-col img {\n                max-width: 150px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n<nav class=\"nav-paud\">\n    <button aria-label=\"Menu\" class=\"hamburger\">\u2630<\/button>\n    <ul class=\"menu-paud\">\n        <li>\n            <a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/vppaud\/\">Jenjang PAUD<\/a>\n            <ul class=\"submenu\">\n                <li><a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/vpayo-bernyanyi\/\">Ayo Bernyanyi<\/a><\/li>\n                <li><a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/vpmentari\/\">Mentari<\/a><\/li>\n            <\/ul>\n        <\/li>\n        <li>\n            <a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/vpsd\/\">Jenjang SD<\/a>\n            <ul class=\"submenu\">\n                <li><a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/vpseni-musik\/\">Seni Musik<\/a><\/li>\n                <li><a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/vpseri-literasi\/\">Seri Literasi<\/a><\/li>\n                <li><a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/vpseri-numerasi\/\">Seri Numerasi<\/a><\/li>\n            <\/ul>\n        <\/li>\n        <li>\n            <a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/vpsma\/\">Jenjang SMA<\/a>\n            <ul class=\"submenu\">\n                <li><a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/vpmapel-bahasa-inggris\/\">Mapel Bahasa Inggris<\/a><\/li>\n                <li><a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/vpmapel-bahasa-indonesia\/\">Mapel Bahasa Indonesia<\/a><\/li>\n            <\/ul>\n        <\/li>\n    <\/ul>\n    <div class=\"search-container\">\n        <input id=\"searchInput\" placeholder=\"Cari video...\" type=\"search\"\/>\n    <\/div>\n<\/nav>\n\n<main class=\"container\">\n    <header class=\"page-header\">\n        <h1>Jenjang PAUD<\/h1>\n        <div class=\"page-header-logos\">\n            <a href=\"#mentari-section\">\n                <img decoding=\"async\" alt=\"Logo Mentari\" src=\"https:\/\/bbgpdiy.kemdikbud.go.id\/produk\/wp-content\/uploads\/sites\/7\/2024\/08\/mentari-removebg-preview.png\"\/>\n            <\/a>\n        <\/div>\n    <\/header>\n    \n    <section class=\"content-section\" id=\"mentari-section\">\n        <h2 class=\"section-title\">Mentari<\/h2>\n        <div class=\"content-row\">\n            <div class=\"image-col\">\n                <img decoding=\"async\" alt=\"Mentari Logo\" src=\"https:\/\/bbgpdiy.kemdikbud.go.id\/produk\/wp-content\/uploads\/sites\/7\/2024\/08\/mentari-removebg-preview.png\"\/>\n            <\/div>\n            <div class=\"text-col\">\n                <p>Media Tuntunan Hidup Sehari-hari (Mentari) merupakan bahan ajar untuk Fase Fondasi PAUD yang membantu guru dalam mengajarkan pengetahuan tentang perilaku baik dan benar serta mengajarkan etika dan tata krama dalam kehidupan sehari-hari melalui lagu. Bahan ajar ini terdiri dari dua video yaitu video 1 yang berisi materi pengajaran melalui lagu dan video 2 yang berisi iringan musik lagu (karaoke). Bahan ajar ini dilengkapi dengan petunjuk pemanfaatan untuk memudahkan guru dalam pemanfaatannya. Bahan ajar beserta kelengkapannya juga dapat diunduh pada fitur Perangkat Ajar pada Platform Merdeka Mengajar (PMM).<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"video-grid\">\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"YKZIubFOGn8\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Saat Gempa\" src=\"https:\/\/img.youtube.com\/vi\/YKZIubFOGn8\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Saat Gempa<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"YKZIubFOGn8\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"GT6QXJ4Z9uk\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat mengenal bencana alam gempa bumi.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/18P2ekUuE2_FikoirlAajB0jnYkCvAZam\/view?usp=drivesdk\">Panduan Guru: Saat Gempa<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"xvj0ASviedY\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Tata Cara Mengucap Salam\" src=\"https:\/\/img.youtube.com\/vi\/xvj0ASviedY\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Tata Cara Mengucap Salam<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"xvj0ASviedY\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"tupLwuqqavY\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat mengenal ucapan salam serta terbiasa mengucapkan salam pada guru, teman, dan orang lain.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/12qog4lzrRuqycEo6jZ25KTeNZOE-hK2j\/view?usp=drivesdk\">Panduan Guru: Tata Cara Mengucap Salam<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"gvjYmQ_HZLo\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Taman Bungaku\" src=\"https:\/\/img.youtube.com\/vi\/gvjYmQ_HZLo\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Taman Bungaku<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"gvjYmQ_HZLo\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"StKtzQTKGuU\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat menyayangi tanaman serta terbiasa merawat tanaman di sekitar.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1eRytPX9VA_PciGRKP7DLIZtbon-hCRCE\/view?usp=drivesdk\">Panduan Guru: Taman Bungaku<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"Rlz65U_VU1I\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Kelinciku\" src=\"https:\/\/img.youtube.com\/vi\/Rlz65U_VU1I\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Kelinciku<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"Rlz65U_VU1I\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"7O3FmgOcGsE\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat menyayangi binatang peliharaan dan terbiasa menyayangi binatang peliharaan.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1CCWBV7ZEXnRa4gYpp3o35R3NN-jRlW2N\/view?usp=drivesdk\">Panduan Guru: Kelinciku<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"cuXp67HqM4E\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Gosok Gigi\" src=\"https:\/\/img.youtube.com\/vi\/cuXp67HqM4E\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Gosok Gigi<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"cuXp67HqM4E\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"Dzm_SlhLpnQ\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat terbiasa perilaku hidup bersih dan sehat salah satunya rajin menggosok gigi dengan benar.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1rSsaZWG7SqNFYULJmlEC-C6GQ0fie5WD\/view?usp=drivesdk\">Panduan Guru: Gosok Gigi<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"exYoNACVE_M\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Etika Makan\" src=\"https:\/\/img.youtube.com\/vi\/exYoNACVE_M\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Etika Makan<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"exYoNACVE_M\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"_luj5yf0yvg\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat berperilaku hidup sehat dan bersih, serta terbiasa menjaga kebersihan diri.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1pdBJx7MOs5i9pGqgXXr9P3KtOlMd-9ln\/view?usp=drivesdk\">Panduan Guru: Etika Makan<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"P6JbZPm5VpI\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Potong Kuku, Yuk!\" src=\"https:\/\/img.youtube.com\/vi\/P6JbZPm5VpI\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Potong Kuku, Yuk!<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"P6JbZPm5VpI\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"wwOS9E6Vxyc\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat terbiasa berperilaku hidup bersih dan sehat, serta terbiasa menjaga kebersihan kuku.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1PRKNuQUeDy6Bxmt6muUDLPHyImZEWn0M\/view?usp=drivesdk\">Panduan Guru: Potong Kuku, Yuk!<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"T1m6ic_4KD8\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Buang Sampah pada Tempatnya\" src=\"https:\/\/img.youtube.com\/vi\/T1m6ic_4KD8\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Buang Sampah pada Tempatnya<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"T1m6ic_4KD8\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"n4f8PZOmnPI\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat terbiasa menjaga kebersihan lingkungan sekitarnya sebagai bentuk syukur kepada Tuhan YME, serta mengenal kebiasaan baik dan buruk bagi kesehatan.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1FvSiLqq122BqiahioEqnpON3xkVn88qv\/view?usp=drivesdk\">Panduan Guru: Buang Sampah pada Tempatnya<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"zvhwpxUpgeA\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Etika Berjalan di Jalan Raya\" src=\"https:\/\/img.youtube.com\/vi\/zvhwpxUpgeA\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Etika Berjalan di Jalan Raya<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"zvhwpxUpgeA\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"R-NVcd-hYk4\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat mampu menjaga keselamatan diri dari benda-benda\/kegiatan yang berbahaya, terbiasa berperilaku mengikuti aturan, serta mengenal dan mentaati rambu-rambu\/ simbol-simbol yang ada di jalan.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1HMSqus2mpvFUyiLA-AlUCXTz_bn2PN5w\/view?usp=drivesdk\">Panduan Guru: Etika Berjalan di Jalan Raya<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"KLfNiwsOMNc\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Etika Antri\" src=\"https:\/\/img.youtube.com\/vi\/KLfNiwsOMNc\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Etika Antri<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"KLfNiwsOMNc\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"11kwxKAqxhs\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat mampu mengenal budaya antri, terbiasa antri, serta mengetahui sikap-sikap yang benar dan salah saat antri.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1t3BKDzBI3YOcyh-_K2L2LsDbz8can0tJ\/view?usp=drivesdk\">Panduan Guru: Etika Antri<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"fzKQiK043As\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Kebakaran\" src=\"https:\/\/img.youtube.com\/vi\/fzKQiK043As\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Kebakaran<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"fzKQiK043As\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"4TnSwT3Aw8Y\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat terbiasa menjaga keamanan lingkungan, menunjukkan perilaku gotong royong, serta anak dapat menyelamatkan diri dari ancaman bahaya.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1fuIkgtoE57eBZk5KePulNk2xIKlRYGTE\/view?usp=drivesdk\">Panduan Guru: Kebakaran<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"b5I5oTbURoQ\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Suka Berbagi\" src=\"https:\/\/img.youtube.com\/vi\/b5I5oTbURoQ\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Suka Berbagi<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"b5I5oTbURoQ\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"wcSrMSZipTc\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat senang berbagi, dapat menghargai diri sendiri dan orang lain, serta peduli dengan lingkungan sekitar.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1tzbvtxT2lEZ5C4Fb4IA4YRRib3ilnxIM\/view?usp=drivesdk\">Panduan Guru: Suka Berbagi<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"nAj43pgIJ5Q\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Etika Menjenguk Orang Sakit\" src=\"https:\/\/img.youtube.com\/vi\/nAj43pgIJ5Q\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Etika Menjenguk Orang Sakit<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"nAj43pgIJ5Q\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"De0bW5qI6Vo\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat memiliki sikap peduli kepada teman yang sakit.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/159LDsYONUC7VfLjPFsNWQI_sv45PXINi\/view?usp=drivesdk\">Panduan Guru: Etika Menjenguk Orang Sakit<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"tMUa-3oatvs\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Adab Bertamu\" src=\"https:\/\/img.youtube.com\/vi\/tMUa-3oatvs\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Adab Bertamu<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"tMUa-3oatvs\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"A-cG70EpbFY\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat terbiasa bersikap santun dalam bertamu, serta terbiasa menjaga sikap saat bertamu.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1M38p2lHqd701I58MgZ7vepJ2HyLWgeOy\/view?usp=drivesdk\">Panduan Guru: Adab Bertamu<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"oUBRdPm3I2Q\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Kata Mulia\" src=\"https:\/\/img.youtube.com\/vi\/oUBRdPm3I2Q\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Kata Mulia<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"oUBRdPm3I2Q\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"9YjX4CpQ0EM\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat terbiasa berkomunikasi dengan teman, guru atau orang dewasa lainnya dengan menggunakan empat kata mulia, serta dapat berbicara santun kepada teman, guru dan orang lain.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1Gw2nWmTGme1Rg9lto8wFSAYBfEruBb6u\/view?usp=drivesdk\">Panduan Guru: Kata Mulia<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"N8MTu7nLN_Y\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Melindungi Diri dari Pelecehan Seksual\" src=\"https:\/\/img.youtube.com\/vi\/N8MTu7nLN_Y\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Melindungi Diri dari Pelecehan Seksual<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"N8MTu7nLN_Y\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"LEWPAHrlsBY\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat memiliki sikap menghargai diri sendiri, orang lain dan lingkungan sekitar sebagai rasa syukur kepada Tuhan Yang Maha Esa, mengenal emosi diri dan orang lain, mengenal anggota tubuh dan fungsinya, serta mengenal cara melindungi diri.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1-hI6MV-lLZjQV50XXAAGDhEzm-hY_8rZ\/view?usp=drivesdk\">Panduan Guru: Melindungi Diri dari Pelecehan Seksual<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"yX2B_-Qftq4\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Hindari Makan Minum Berbahaya\" src=\"https:\/\/img.youtube.com\/vi\/yX2B_-Qftq4\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Hindari Makan Minum Berbahaya<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"yX2B_-Qftq4\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"Jd6i9ZejDik\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat terbiasa berperilaku pola hidup sehat serta mengenal anggota tubuh dan fungsinya.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1-GA3PISUWjlqBqgnzK1D0L3xlWxwkWXF\/view?usp=drivesdk\">Panduan Guru: Hindari Makan Minum Berbahaya<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"tU9SKWZ-pz8\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Rumahku Bersih\" src=\"https:\/\/img.youtube.com\/vi\/tU9SKWZ-pz8\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Rumahku Bersih<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"tU9SKWZ-pz8\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"2j_OvtwgTZk\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat terbiasa berperilaku hidup bersih dan sehat, serta terbiasa membersihkan dan merapikan rumah.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/11sp9_RgnFfsrupIBOtmDbiVs84RFbXmz\/view?usp=drivesdk\">Panduan Guru: Rumahku Bersih<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"HZzU3hYAdbA\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Etika Menerima Tamu\" src=\"https:\/\/img.youtube.com\/vi\/HZzU3hYAdbA\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Etika Menerima Tamu<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"HZzU3hYAdbA\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"FJ6Umgb5RQw\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat terbiasa menghargai diri sendiri dan orang lain sebagai bentuk rasa syukur kepada Tuhan Yang Maha Esa, berperilaku baik dan santun, dan berperilaku yang dapat menyesuaikan diri.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1jzvGmCxeiDzvDmgJfkmx0azWkKmXLZay\/view?usp=drivesdk\">Panduan Guru: Etika Menerima Tamu<\/a>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail-container\" data-video-id=\"ncVfHSVo1QY\">\n                    <img decoding=\"async\" alt=\"Video thumbnail Etika Meminjam\" src=\"https:\/\/img.youtube.com\/vi\/ncVfHSVo1QY\/hqdefault.jpg\"\/>\n                    <span class=\"play-icon\">\u25ba<\/span>\n                <\/div>\n                <div class=\"video-details\">\n                    <h3 class=\"video-title\">Etika Meminjam<\/h3>\n                    <div class=\"play-buttons\">\n                        <button class=\"play-btn\" data-video-id=\"ncVfHSVo1QY\">Lagu<\/button>\n                        <button class=\"play-btn\" data-video-id=\"V_X2FatcP_I\">Instrumen<\/button>\n                    <\/div>\n                <\/div>\n                <p class=\"video-description\">Bahan ajar ini mengajarkan anak-anak dapat terbiasa bersikap santun dalam berinteraksi dengan teman, guru dan orang lain, mampu mengekspresikan dan mengelola emosi diri dengan wajar saat meminjam, dan terbiasa menghargai kepemilikan benda milik orang lain.<\/p>\n                <a class=\"guidance-link-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1z1GeyKiB7RSAnBgpnCtdIo6eg4r2Lr5f\/view?usp=drivesdk\">Panduan Guru: Etika Meminjam<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/main>\n\n<div class=\"modal\" id=\"videoModal\">\n    <div class=\"modal-content\">\n        <span class=\"close-btn\">\u00d7<\/span>\n        <div id=\"video-modal-container\">\n            <iframe allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" frameborder=\"0\" id=\"youtube-iframe\" src=\"about:blank\"><\/iframe>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const hamburger = document.querySelector('.hamburger');\n        const menu = document.querySelector('.menu-paud');\n        const searchInput = document.getElementById('searchInput');\n        const videoModal = document.getElementById('videoModal');\n        const youtubeIframe = document.getElementById('youtube-iframe');\n\n        \/\/ Hamburger Menu Toggle\n        hamburger.addEventListener('click', () => {\n            menu.classList.toggle('active');\n        });\n\n        \/\/ Submenu toggle for mobile\n        const menuItems = document.querySelectorAll('.menu-paud > li > a');\n        menuItems.forEach(link => {\n            link.addEventListener('click', e => {\n                if (window.innerWidth <= 900) {\n                    const parentLi = link.parentElement;\n                    if (parentLi.querySelector('.submenu')) {\n                        e.preventDefault();\n                        parentLi.classList.toggle('open');\n                    }\n                }\n            });\n        });\n\n        \/\/ Video Modal Logic\n        document.body.addEventListener('click', (event) => {\n            const target = event.target;\n            const playButton = target.closest('.play-btn');\n            const thumbnail = target.closest('.video-thumbnail-container');\n\n            if (playButton || thumbnail) {\n                const videoId = (playButton || thumbnail).getAttribute('data-video-id');\n                const embedUrl = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0&modestbranding=1`;\n                \n                youtubeIframe.src = embedUrl;\n                videoModal.style.display = 'flex';\n            }\n        });\n\n        function closeModal(modal) {\n            modal.style.display = 'none';\n            if (modal.id === 'videoModal') {\n                youtubeIframe.src = '';\n            }\n        }\n        \n        document.querySelectorAll('.modal .close-btn').forEach(btn => {\n            btn.addEventListener('click', () => {\n                closeModal(btn.closest('.modal'));\n            });\n        });\n\n        window.addEventListener('click', (event) => {\n            if (event.target === videoModal) {\n                closeModal(videoModal);\n            }\n        });\n\n        document.addEventListener('keydown', (event) => {\n            if (event.key === \"Escape\" && videoModal.style.display === \"flex\") {\n                closeModal(videoModal);\n            }\n        });\n        \n        \/\/ Search Functionality\n        searchInput.addEventListener('keyup', () => {\n            const searchTerm = searchInput.value.toLowerCase().trim();\n\n            document.querySelectorAll('.content-section').forEach(section => {\n                let matchesInSection = 0;\n\n                section.querySelectorAll('.video-item').forEach(item => {\n                    const title = item.querySelector('.video-title').textContent.toLowerCase();\n                    const description = item.querySelector('.video-description').textContent.toLowerCase();\n                    \n                    if (title.includes(searchTerm) || description.includes(searchTerm)) {\n                        item.style.display = 'flex';\n                        matchesInSection++;\n                    } else {\n                        item.style.display = 'none';\n                    }\n                });\n\n                if (matchesInSection > 0) {\n                    section.style.display = 'block';\n                } else {\n                    section.style.display = 'none';\n                }\n            });\n        });\n    });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Jenjang PAUD \u2630 Jenjang PAUD Ayo Bernyanyi Mentari Jenjang SD Seni Musik Seri Literasi Seri Numerasi Jenjang SMA Mapel Bahasa Inggris Mapel Bahasa Indonesia Jenjang PAUD Mentari Media Tuntunan Hidup Sehari-hari (Mentari) merupakan bahan ajar untuk Fase Fondasi PAUD yang membantu guru dalam mengajarkan pengetahuan tentang perilaku baik dan benar serta mengajarkan etika dan tata [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"class_list":["post-2425","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/wp-json\/wp\/v2\/pages\/2425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/wp-json\/wp\/v2\/comments?post=2425"}],"version-history":[{"count":1,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/wp-json\/wp\/v2\/pages\/2425\/revisions"}],"predecessor-version":[{"id":2426,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/wp-json\/wp\/v2\/pages\/2425\/revisions\/2426"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/produk\/wp-json\/wp\/v2\/media?parent=2425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}