IFrame Tengah dengan Navigasi Aman<\/title>\n <style>\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n background: #f9f9f9;\n }\n\n \/* Pastikan navigasi WP tetap di atas *\/\n nav {\n position: relative; \n z-index: 1000;\n }\n\n \/* Bungkus iframe *\/\n .iframe-wrapper {\n display: flex;\n justify-content: center; \/* Tengah horizontal *\/\n padding: 50px 20px; \/* Spasi biar tidak nempel ke menu *\/\n box-sizing: border-box;\n }\n\n iframe {\n border-radius: 10px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n max-width: 100%;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"iframe-wrapper\">\n <iframe \n width=\"725\" \n height=\"453\" \n src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/lab\/05_Siklus_Air\/\" \n frameborder=\"0\" \n scrolling=\"no\">\n <\/iframe>\n <\/div>\n<\/body>\n<\/html>\n\n\n<p>Pentingnya menjaga ketersediaan air di bumi harus menjadi fokus perhatian banyak pihak. Bagi siswa alat peraga maya ini dapat menjadi sarana pemahaman terkait siklus air di bumi.<\/p>\n<p>Cara Penggunaan: Geser dan letakkan masing masing tahapan siklus air pada kotak yang tersedia agar menjadi urutan siklus air yang benar.<\/p>\n\n\n<script src=\"https:\/\/code.responsivevoice.org\/responsivevoice.js?key=xIDG6JzF\"><\/script>\n<script>\n \/\/ Fungsi untuk membaca teks yang dipilih\n function bacaTeksTerpilih() {\n const selectedText = window.getSelection().toString().trim();\n if (selectedText.length > 0) {\n responsiveVoice.cancel();\n responsiveVoice.speak(selectedText, \"Indonesian Female\");\n }\n }\n\n \/\/ Aktif saat mouse selesai blok teks\n document.addEventListener(\"mouseup\", function () {\n setTimeout(bacaTeksTerpilih, 100);\n });\n\n \/\/ Aktif saat double click pada kata\n document.addEventListener(\"dblclick\", function () {\n setTimeout(bacaTeksTerpilih, 100);\n });\n\n \/\/ Aktif saat mouse hover ke elemen teks (judul, paragraf, dll)\n document.querySelectorAll(\"p, span, li, a, h1, h2, h3, h4, h5, h6\").forEach(function(el) {\n el.addEventListener(\"mouseenter\", function () {\n const text = el.innerText.trim();\n if (text.length > 0) {\n responsiveVoice.cancel();\n responsiveVoice.speak(text, \"Indonesian Female\");\n }\n });\n });\n<\/script>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>IFrame Tengah dengan Navigasi Aman Pentingnya menjaga ketersediaan air di bumi harus menjadi fokus perhatian banyak pihak. Bagi siswa alat peraga maya ini dapat menjadi sarana pemahaman terkait siklus air di bumi. Cara Penggunaan: Geser dan letakkan masing masing tahapan siklus air pada kotak yang tersedia agar menjadi urutan siklus air yang benar.<\/p>\n","protected":false},"author":1,"featured_media":1007,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,16],"tags":[19,18,20,6],"class_list":["post-1006","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-alat-peraga","category-ipa","tag-alat-peraga","tag-ipa","tag-ipa-sd","tag-sd"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/posts\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":2,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/posts\/1006\/revisions"}],"predecessor-version":[{"id":1442,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/posts\/1006\/revisions\/1442"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/media\/1007"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/media?parent=1006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/categories?post=1006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/tags?post=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1006,"date":"2024-09-03T06:52:05","date_gmt":"2024-09-03T06:52:05","guid":{"rendered":"https:\/\/bbgpdiy.kemdikbud.go.id\/labs\/?p=1006"},"modified":"2025-09-10T04:18:12","modified_gmt":"2025-09-10T04:18:12","slug":"siklus-air","status":"publish","type":"post","link":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/2024\/09\/03\/siklus-air\/","title":{"rendered":"Siklus Air"},"content":{"rendered":"\n\n\n\n \n \n IFrame Tengah dengan Navigasi Aman<\/title>\n <style>\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n background: #f9f9f9;\n }\n\n \/* Pastikan navigasi WP tetap di atas *\/\n nav {\n position: relative; \n z-index: 1000;\n }\n\n \/* Bungkus iframe *\/\n .iframe-wrapper {\n display: flex;\n justify-content: center; \/* Tengah horizontal *\/\n padding: 50px 20px; \/* Spasi biar tidak nempel ke menu *\/\n box-sizing: border-box;\n }\n\n iframe {\n border-radius: 10px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n max-width: 100%;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"iframe-wrapper\">\n <iframe \n width=\"725\" \n height=\"453\" \n src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/lab\/05_Siklus_Air\/\" \n frameborder=\"0\" \n scrolling=\"no\">\n <\/iframe>\n <\/div>\n<\/body>\n<\/html>\n\n\n<p>Pentingnya menjaga ketersediaan air di bumi harus menjadi fokus perhatian banyak pihak. Bagi siswa alat peraga maya ini dapat menjadi sarana pemahaman terkait siklus air di bumi.<\/p>\n<p>Cara Penggunaan: Geser dan letakkan masing masing tahapan siklus air pada kotak yang tersedia agar menjadi urutan siklus air yang benar.<\/p>\n\n\n<script src=\"https:\/\/code.responsivevoice.org\/responsivevoice.js?key=xIDG6JzF\"><\/script>\n<script>\n \/\/ Fungsi untuk membaca teks yang dipilih\n function bacaTeksTerpilih() {\n const selectedText = window.getSelection().toString().trim();\n if (selectedText.length > 0) {\n responsiveVoice.cancel();\n responsiveVoice.speak(selectedText, \"Indonesian Female\");\n }\n }\n\n \/\/ Aktif saat mouse selesai blok teks\n document.addEventListener(\"mouseup\", function () {\n setTimeout(bacaTeksTerpilih, 100);\n });\n\n \/\/ Aktif saat double click pada kata\n document.addEventListener(\"dblclick\", function () {\n setTimeout(bacaTeksTerpilih, 100);\n });\n\n \/\/ Aktif saat mouse hover ke elemen teks (judul, paragraf, dll)\n document.querySelectorAll(\"p, span, li, a, h1, h2, h3, h4, h5, h6\").forEach(function(el) {\n el.addEventListener(\"mouseenter\", function () {\n const text = el.innerText.trim();\n if (text.length > 0) {\n responsiveVoice.cancel();\n responsiveVoice.speak(text, \"Indonesian Female\");\n }\n });\n });\n<\/script>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>IFrame Tengah dengan Navigasi Aman Pentingnya menjaga ketersediaan air di bumi harus menjadi fokus perhatian banyak pihak. Bagi siswa alat peraga maya ini dapat menjadi sarana pemahaman terkait siklus air di bumi. Cara Penggunaan: Geser dan letakkan masing masing tahapan siklus air pada kotak yang tersedia agar menjadi urutan siklus air yang benar.<\/p>\n","protected":false},"author":1,"featured_media":1007,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,16],"tags":[19,18,20,6],"class_list":["post-1006","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-alat-peraga","category-ipa","tag-alat-peraga","tag-ipa","tag-ipa-sd","tag-sd"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/posts\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":2,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/posts\/1006\/revisions"}],"predecessor-version":[{"id":1442,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/posts\/1006\/revisions\/1442"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/media\/1007"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/media?parent=1006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/categories?post=1006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/labvirtual\/wp-json\/wp\/v2\/tags?post=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}