{"id":1385,"date":"2022-12-20T09:47:21","date_gmt":"2022-12-20T02:47:21","guid":{"rendered":"https:\/\/lib.stikesmucis.ac.id\/?page_id=1385"},"modified":"2026-06-29T10:02:14","modified_gmt":"2026-06-29T03:02:14","slug":"menu-ebook","status":"publish","type":"page","link":"https:\/\/lib.stikesmucis.ac.id\/?page_id=1385","title":{"rendered":"Menu Ebook"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1385\" class=\"elementor elementor-1385\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9a0527e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9a0527e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e11e685\" data-id=\"e11e685\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-41546b1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"41546b1\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-bcb6495\" data-id=\"bcb6495\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-effdc2f\" data-id=\"effdc2f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ad89a5d elementor-widget elementor-widget-image\" data-id=\"ad89a5d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.6.5 - 27-04-2022 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lib.stikesmucis.ac.id\/wp-content\/uploads\/elementor\/thumbs\/Koleksi-Ebook-1-q2wmau25a7voj18fmtevs6b1br309upq6avzsylc9w.png\" title=\"Koleksi-Ebook-1\" alt=\"Koleksi-Ebook-1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3027677\" data-id=\"3027677\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-83dffbe elementor-widget elementor-widget-heading\" data-id=\"83dffbe\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.6.5 - 27-04-2022 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Koleksi e-Book Perpustakaan  STIKes Muhammadiyah Ciamis<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6658f4 elementor-widget elementor-widget-heading\" data-id=\"f6658f4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Berikut merupakan kumpulan buku elektronik (e-book) yang tersedia di Perpustakaan STIKes Muhammadiyah Ciamis<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-26be68d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"26be68d\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c7123fc\" data-id=\"c7123fc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-151185d\" data-id=\"151185d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ac7d134 elementor-widget elementor-widget-heading\" data-id=\"ac7d134\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Layanan Perpustakaan Digital<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93eebf7 elementor-widget elementor-widget-heading\" data-id=\"93eebf7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/lib.stikesmucis.ac.id\/?page_id=1215\">Perpustakaan STIKes Muhammadiyah Ciamis memiliki  2 Layanan Perpustakaan Digital yang dapat dimanfaatkan oleh setiap anggota perpustakaan kapan pun dan dimana pun tanpa batas. Melalui Layanan ini, anggota perpustakaan dapat mengakses berbagai sumber informasi seperti buku, jurnal, majalah, dan media lainnya melalui perangkat digital (komputer, tablet, atau smartphone).<\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cce939a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cce939a\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-a3efe93\" data-id=\"a3efe93\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-f8bc955\" data-id=\"f8bc955\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c02a833 elementor-widget elementor-widget-image\" data-id=\"c02a833\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/lib.stikesmucis.ac.id\/wp-content\/uploads\/2023\/10\/Logo-E-Pustaka-Mucis-1024x1024.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/lib.stikesmucis.ac.id\/wp-content\/uploads\/2023\/10\/Logo-E-Pustaka-Mucis-1024x1024.png 1024w, https:\/\/lib.stikesmucis.ac.id\/wp-content\/uploads\/2023\/10\/Logo-E-Pustaka-Mucis-980x980.png 980w, https:\/\/lib.stikesmucis.ac.id\/wp-content\/uploads\/2023\/10\/Logo-E-Pustaka-Mucis-480x480.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-ae563ec\" data-id=\"ae563ec\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-01360f6 elementor-widget elementor-widget-heading\" data-id=\"01360f6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">e-Pustaka Mucis<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f53682c elementor-widget elementor-widget-heading\" data-id=\"f53682c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/kubuku.id\/download\/epustaka-mucis\/\" target=\"_blank\">Download Aplikasi<\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9affce elementor-widget elementor-widget-heading\" data-id=\"b9affce\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/kbk1808114.perpustakaandigital.com\/index\" target=\"_blank\">Katalog ebook<\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afc0d43 elementor-widget elementor-widget-heading\" data-id=\"afc0d43\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.canva.com\/design\/DAFmbHgrLdE\/view\" target=\"_blank\">Panduan<\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-1fdce3b\" data-id=\"1fdce3b\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ce16b55 elementor-widget elementor-widget-image\" data-id=\"ce16b55\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/lib.stikesmucis.ac.id\/wp-content\/uploads\/2023\/10\/Logo-E-LibMucis-1024x1024.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/lib.stikesmucis.ac.id\/wp-content\/uploads\/2023\/10\/Logo-E-LibMucis-1024x1024.png 1024w, https:\/\/lib.stikesmucis.ac.id\/wp-content\/uploads\/2023\/10\/Logo-E-LibMucis-980x980.png 980w, https:\/\/lib.stikesmucis.ac.id\/wp-content\/uploads\/2023\/10\/Logo-E-LibMucis-480x480.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-cab359f\" data-id=\"cab359f\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b797804 elementor-widget elementor-widget-heading\" data-id=\"b797804\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">e-LibMucis<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1299eb elementor-widget elementor-widget-heading\" data-id=\"e1299eb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/stikesmucis.perpustakaan.co.id\/home.ks\" target=\"_blank\">Lihat Koleksi Digital<\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0162205 elementor-widget elementor-widget-heading\" data-id=\"0162205\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Panduan<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-f4c7852\" data-id=\"f4c7852\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9d15ea5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9d15ea5\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4cdacfd\" data-id=\"4cdacfd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5f9b454 elementor-widget elementor-widget-heading\" data-id=\"5f9b454\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rekap e-Book Opensource<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2febc51 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2febc51\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-76005bc\" data-id=\"76005bc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7de07a7 elementor-widget elementor-widget-html\" data-id=\"7de07a7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Universal Data Viewer - Tabel 1<\/title>\n    <style>\n        \/* =========================================\n           VARIABEL WARNA & TEMA DASAR\n        ========================================= *\/\n        :root {\n            --primary-color: #4F46E5;\n            --primary-hover: #4338CA;\n            --bg-color: #F9FAFB;\n            --card-bg: #FFFFFF;\n            --text-main: #1F2937;\n            --text-muted: #6B7280;\n            --border-color: #E5E7EB;\n            --font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        }\n\n        \/* Isolasi CSS Tabel 1 agar tidak bentrok dengan Tabel 2 *\/\n        #gas-app-container-1 .gas-data-wrapper {\n            font-family: var(--font-family);\n            background-color: var(--bg-color);\n            color: var(--text-main);\n            padding: 20px;\n            border-radius: 12px;\n            box-shadow: 0 ;\n            max-width: 100%; \n            margin: 0 auto;\n            overflow: hidden;\n        }\n\n        #gas-app-container-1 .gas-data-wrapper * {\n            box-sizing: border-box;\n        }\n\n        \/* =========================================\n           KONTROL (PENCARIAN & FILTER)\n        ========================================= *\/\n        #gas-app-container-1 .gas-controls {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            margin-bottom: 20px;\n            background: var(--card-bg);\n            padding: 15px;\n            border-radius: 8px;\n            border: 1px solid var(--border-color);\n        }\n\n        #gas-app-container-1 .gas-search-box {\n            width: 100%;\n            position: relative;\n        }\n\n        #gas-app-container-1 .gas-search-input {\n            width: 100%;\n            padding: 10px 15px;\n            height: 42px; \n            border: 1px solid var(--border-color);\n            border-radius: 6px;\n            font-size: 14px;\n            outline: none;\n            transition: border-color 0.2s;\n        }\n\n        #gas-app-container-1 .gas-search-input:focus {\n            border-color: var(--primary-color);\n            box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);\n        }\n\n        #gas-app-container-1 .gas-filter-group {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            width: 100%;\n            align-items: center; \n        }\n\n        #gas-app-container-1 .gas-filter-select {\n            padding: 0 10px;\n            height: 42px; \n            border: 1px solid var(--border-color);\n            border-radius: 6px;\n            font-size: 14px;\n            background-color: white;\n            flex: 1;\n            min-width: 150px;\n            outline: none;\n            cursor: pointer;\n        }\n\n        #gas-app-container-1 .gas-btn-reset {\n            padding: 0 15px;\n            height: 42px; \n            background-color: #EF4444;\n            color: white;\n            border: none;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 14px;\n            transition: background 0.2s;\n            white-space: nowrap;\n        }\n\n        #gas-app-container-1 .gas-btn-reset:hover {\n            background-color: #DC2626;\n        }\n\n        \/* =========================================\n           INFO HEADER & TOMBOL REFRESH\n        ========================================= *\/\n        #gas-app-container-1 .gas-header-info {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 10px;\n            flex-wrap: wrap;\n            gap: 10px;\n        }\n\n        #gas-app-container-1 .gas-data-count {\n            font-size: 13px;\n            color: var(--text-muted);\n            background-color: #F3F4F6;\n            padding: 6px 12px;\n            border-radius: 6px;\n            border: 1px solid var(--border-color);\n        }\n        \n        #gas-app-container-1 .gas-data-count strong {\n            color: var(--primary-color);\n            font-weight: 600;\n        }\n\n        #gas-app-container-1 .gas-header-right {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            flex-wrap: wrap;\n        }\n\n        #gas-app-container-1 .gas-last-updated {\n            font-size: 12px;\n            color: var(--text-muted);\n            font-style: italic;\n        }\n\n        #gas-app-container-1 .gas-btn-refresh {\n            padding: 6px 12px;\n            background-color: var(--card-bg);\n            border: 1px solid var(--border-color);\n            border-radius: 6px;\n            font-size: 13px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            color: var(--text-main);\n            transition: all 0.2s;\n            font-weight: 500;\n        }\n\n        #gas-app-container-1 .gas-btn-refresh:hover {\n            background-color: #F3F4F6;\n        }\n\n        #gas-app-container-1 .gas-btn-refresh svg {\n            transition: transform 0.3s;\n        }\n\n        #gas-app-container-1 .spin-icon svg {\n            animation: spin-svg-1 1s linear infinite;\n        }\n\n        @keyframes spin-svg-1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n\n        \/* =========================================\n           DESAIN TABEL\n        ========================================= *\/\n        #gas-app-container-1 .gas-table-container {\n            width: 100%;\n            overflow-x: auto; \n            background: var(--card-bg);\n            border-radius: 8px;\n            border: 1px solid var(--border-color);\n        }\n\n        #gas-app-container-1 .gas-table {\n            width: 100%;\n            border-collapse: collapse;\n            text-align: left;\n            min-width: 600px;\n        }\n\n        #gas-app-container-1 .gas-table th, #gas-app-container-1 .gas-table td {\n            padding: 12px 15px;\n            border-bottom: 1px solid var(--border-color);\n            font-size: 14px;\n        }\n\n        #gas-app-container-1 .gas-table td {\n            font-weight: 400 !important; \n        }\n\n        #gas-app-container-1 .gas-table th {\n            background-color: #F3F4F6;\n            font-weight: 600;\n            color: var(--text-main);\n            text-transform: uppercase;\n            font-size: 12px;\n            letter-spacing: 0.05em;\n            text-align: center; \n        }\n\n        #gas-app-container-1 .gas-table tr:hover {\n            background-color: #F9FAFB;\n        }\n\n        #gas-app-container-1 .gas-link {\n            color: #2563EB;\n            text-decoration: none;\n            font-weight: 500;\n            word-break: break-all;\n        }\n        #gas-app-container-1 .gas-link:hover {\n            text-decoration: underline;\n            color: #1D4ED8;\n        }\n\n        \/* =========================================\n           PAGINASI & LOADING\n        ========================================= *\/\n        #gas-app-container-1 .gas-pagination {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 15px;\n            margin-top: 20px;\n        }\n\n        #gas-app-container-1 .gas-page-btn {\n            padding: 8px 16px;\n            background-color: var(--card-bg);\n            border: 1px solid var(--border-color);\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 14px;\n            transition: all 0.2s;\n        }\n\n        #gas-app-container-1 .gas-page-btn:hover:not(:disabled) {\n            background-color: var(--primary-color);\n            color: white;\n            border-color: var(--primary-color);\n        }\n\n        #gas-app-container-1 .gas-page-btn:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n            background-color: #F3F4F6;\n        }\n\n        #gas-app-container-1 .gas-page-info {\n            font-size: 14px;\n            color: var(--text-muted);\n        }\n\n        #gas-app-container-1 .gas-loading {\n            text-align: center;\n            padding: 40px;\n            color: var(--text-muted);\n        }\n        #gas-app-container-1 .gas-spinner {\n            border: 4px solid #f3f3f3;\n            border-top: 4px solid var(--primary-color);\n            border-radius: 50%;\n            width: 40px;\n            height: 40px;\n            animation: spin-1 1s linear infinite;\n            margin: 0 auto 15px auto;\n        }\n        @keyframes spin-1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n\n        #gas-app-container-1 .gas-error {\n            background-color: #FEE2E2;\n            color: #B91C1C;\n            padding: 15px;\n            border-radius: 6px;\n            text-align: center;\n            border: 1px solid #FCA5A5;\n            margin-bottom: 20px;\n        }\n\n        @media screen and (max-width: 768px) {\n            #gas-app-container-1 .gas-filter-select {\n                width: 100%; \n                flex: none;\n            }\n            #gas-app-container-1 .gas-btn-reset {\n                width: 100%; \n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- KODE EMBED TABEL 1 (DENGAN FILTER) -->\n    <div id=\"gas-app-container-1\" \n         data-sheet-id=\"1ndD1T7aPZLBIWIb_y20UOw_vNapIhODslZetUkvgIwY\" \n         data-sheet-name=\"All\"> \n    <\/div>\n\n    <script>\n        \/\/ =========================================\n        \/\/ KONFIGURASI APLIKASI 1\n        \/\/ =========================================\n        const IS_PREVIEW_1 = false; \n        const GAS_URL_1 = \"https:\/\/script.google.com\/macros\/s\/AKfycbzE1eqncymxmbywRmcAinZ0oFsqTYQfkyolKxXNSU5NLuGXDHJHaiCWrnaQi73SnzTa\/exec\";\n\n        let appData_1 = { headers: [], data: [] };\n        let filteredRows_1 = [];\n        let currentPage_1 = 1;\n        const rowsPerPage_1 = 20;\n        \n        let activeFilters_1 = {}; \n        let searchQuery_1 = \"\";\n\n        \/\/ =========================================\n        \/\/ SISTEM INISIALISASI ANTI-TAB FREEZE (POLLING)\n        \/\/ =========================================\n        let isGasAppReady_1 = false;\n\n        function runGasApp_1() {\n            if (isGasAppReady_1) return;\n            const container = document.getElementById(\"gas-app-container-1\");\n            if (container) {\n                isGasAppReady_1 = true;\n                initApp_1();\n            }\n        }\n\n        \/\/ Coba jalankan secara berulang selama beberapa detik pertama\n        let gasAttempts_1 = 0;\n        let gasTimer_1 = setInterval(() => {\n            runGasApp_1();\n            gasAttempts_1++;\n            \/\/ Berhenti mencoba setelah 5 detik agar tidak membebani browser\n            if (isGasAppReady_1 || gasAttempts_1 > 50) clearInterval(gasTimer_1);\n        }, 100);\n\n        \/\/ Fallback event standar\n        document.addEventListener('DOMContentLoaded', runGasApp_1);\n        window.addEventListener('load', runGasApp_1);\n\n\n        function initApp_1() {\n            const container = document.getElementById(\"gas-app-container-1\");\n            if (!container) return; \n\n            \/\/ Buat kerangka UI awal\n            container.innerHTML = `\n                <div class=\"gas-data-wrapper\">\n                    <div id=\"gasLoading-1\" class=\"gas-loading\">\n                        <div class=\"gas-spinner\"><\/div>\n                        <p>Memuat data...<\/p>\n                    <\/div>\n                    <div id=\"gasContent-1\" style=\"display: none;\">\n                        <div class=\"gas-controls\" id=\"gasControls-1\">\n                            <div class=\"gas-search-box\">\n                                <input type=\"text\" id=\"gasSearchInput-1\" class=\"gas-search-input\" placeholder=\"Cari data apa saja...\" onkeyup=\"handleSearch_1(this.value)\">\n                            <\/div>\n                            <div class=\"gas-filter-group\" id=\"gasFilterContainer-1\">\n                                <!-- Dropdown Filter Otomatis -->\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"gas-header-info\">\n                            <div id=\"gasDataCount-1\" class=\"gas-data-count\">Memuat jumlah data...<\/div>\n                            <div class=\"gas-header-right\">\n                                <div id=\"gasLastUpdated-1\" class=\"gas-last-updated\"><\/div>\n                                <button id=\"gasBtnRefresh-1\" class=\"gas-btn-refresh\" onclick=\"manualRefresh_1()\">\n                                    <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path><\/svg> \n                                    Update Data\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"gas-table-container\">\n                            <table class=\"gas-table\" id=\"gasTable-1\">\n                                <thead><tr id=\"gasTableHeader-1\"><\/tr><\/thead>\n                                <tbody><\/tbody>\n                            <\/table>\n                        <\/div>\n                        <div class=\"gas-pagination\" id=\"gasPagination-1\"><\/div>\n                    <\/div>\n                <\/div>\n            `;\n\n            if (IS_PREVIEW_1) {\n                \/\/ DATA DUMMY\n            } else {\n                const sheetId = container.getAttribute(\"data-sheet-id\");\n                const sheetName = container.getAttribute(\"data-sheet-name\");\n\n                if (!sheetId || !sheetName) {\n                    showError_1(\"Konfigurasi Embed Salah: data-sheet-id atau data-sheet-name belum diisi.\");\n                    return;\n                }\n\n                const cacheKey = `gas_data_${sheetId}_${sheetName}`;\n                const cachedData = sessionStorage.getItem(cacheKey);\n                \n                if (cachedData) {\n                    const parsedCache = JSON.parse(cachedData);\n                    appData_1.headers = parsedCache.headers;\n                    appData_1.data = parsedCache.data;\n                    \n                    setTimeout(() => {\n                        const lastUpdatedEl = document.getElementById(\"gasLastUpdated-1\");\n                        if(lastUpdatedEl && parsedCache.lastUpdated) {\n                            lastUpdatedEl.innerText = \"Terakhir diperbarui (Cache): \" + parsedCache.lastUpdated;\n                        }\n                    }, 50);\n\n                    processDataLoad_1(false); \n                    \n                    fetchData_1(sheetId, sheetName, cacheKey, true);\n                } else {\n                    fetchData_1(sheetId, sheetName, cacheKey, false);\n                }\n            }\n        }\n\n        function manualRefresh_1() {\n            const btn = document.getElementById(\"gasBtnRefresh-1\");\n            if (btn) btn.classList.add(\"spin-icon\"); \n            \n            const container = document.getElementById(\"gas-app-container-1\");\n            const sheetId = container.getAttribute(\"data-sheet-id\");\n            const sheetName = container.getAttribute(\"data-sheet-name\");\n            \n            const cacheKey = `gas_data_${sheetId}_${sheetName}`;\n            \n            fetchData_1(sheetId, sheetName, cacheKey, true);\n        }\n\n        function fetchData_1(sheetId, sheetName, cacheKey, isBackground = false) {\n            const url = `${GAS_URL_1}?sheetId=${sheetId}&sheetName=${sheetName}`;\n\n            fetch(url)\n                .then(response => response.json())\n                .then(result => {\n                    const btn = document.getElementById(\"gasBtnRefresh-1\");\n                    if (btn) btn.classList.remove(\"spin-icon\");\n\n                    if (result.status === \"success\") {\n                        appData_1.headers = result.headers;\n                        appData_1.data = result.data;\n                        \n                        const nowTime = new Date().toLocaleTimeString('id-ID');\n\n                        sessionStorage.setItem(cacheKey, JSON.stringify({\n                            headers: appData_1.headers,\n                            data: appData_1.data,\n                            lastUpdated: nowTime\n                        }));\n                        \n                        const lastUpdatedEl = document.getElementById(\"gasLastUpdated-1\");\n                        if(lastUpdatedEl) {\n                            lastUpdatedEl.innerText = \"Terakhir diperbarui: \" + nowTime;\n                            lastUpdatedEl.style.color = \"#10B981\"; \n                            setTimeout(() => lastUpdatedEl.style.color = \"var(--text-muted)\", 2000);\n                        }\n\n                        processDataLoad_1(isBackground);\n                    } else {\n                        if (!isBackground) showError_1(result.error);\n                    }\n                })\n                .catch(error => {\n                    const btn = document.getElementById(\"gasBtnRefresh-1\");\n                    if (btn) btn.classList.remove(\"spin-icon\");\n\n                    if (!isBackground) showError_1(\"Gagal menghubungi server database.\");\n                    console.error(\"Fetch Error:\", error);\n                });\n        }\n\n        function showError_1(message) {\n            const container = document.getElementById(\"gas-app-container-1\");\n            if (container) {\n                container.innerHTML = `<div class=\"gas-error\"><strong>Error:<\/strong> ${message}<\/div>`;\n            }\n        }\n\n        function processDataLoad_1(isBackgroundRefresh = false) {\n            if (!isBackgroundRefresh) {\n                document.getElementById(\"gasLoading-1\").style.display = \"none\";\n                document.getElementById(\"gasContent-1\").style.display = \"block\";\n            }\n\n            renderHeader_1();\n            renderFilters_1();\n            applyFiltersAndSearch_1();\n        }\n\n        function renderHeader_1() {\n            const thead = document.getElementById(\"gasTableHeader-1\");\n            if (!thead) return;\n            thead.innerHTML = \"\";\n            appData_1.headers.forEach(header => {\n                const th = document.createElement(\"th\");\n                th.innerText = header.replace(\/\\*$\/, \"\").trim();\n                thead.appendChild(th);\n            });\n        }\n\n        function renderFilters_1() {\n            const container = document.getElementById(\"gasFilterContainer-1\");\n            if (!container) return;\n            \n            let filterHtml = \"\";\n            let filterableColumns = [];\n\n            appData_1.headers.forEach((header, index) => {\n                let isFilterable = header.trim().endsWith(\"*\");\n                let cleanHeader = header.replace(\/\\*$\/, \"\").trim(); \n\n                if (isFilterable) {\n                    let uniqueValues = [...new Set(appData_1.data.map(row => {\n                        let textVal = String(row[index] || \"\");\n                        return textVal.replace(\/<[^>]*>?\/gm, '');\n                    }))].filter(val => val !== \"\" && val !== null && val !== undefined);\n                \n                    filterableColumns.push(index);\n                    let optionsHtml = uniqueValues.sort().map(val => `<option value=\"${val}\">${val}<\/option>`).join(\"\");\n                    \n                    filterHtml += `\n                        <select class=\"gas-filter-select\" data-col-index=\"${index}\" onchange=\"handleFilterChange_1(this)\">\n                            <option value=\"\">Semua ${cleanHeader}<\/option>\n                            ${optionsHtml}\n                        <\/select>\n                    `;\n                }\n            });\n\n            if (filterableColumns.length > 0) {\n                 filterHtml += `<button class=\"gas-btn-reset\" onclick=\"resetFilters_1()\">Reset Filter<\/button>`;\n            }\n\n            container.innerHTML = filterHtml;\n\n            const selects = document.getElementById(\"gasFilterContainer-1\").querySelectorAll(\".gas-filter-select\");\n            selects.forEach(select => {\n                const colIndex = select.getAttribute(\"data-col-index\");\n                if (activeFilters_1[colIndex]) {\n                    select.value = activeFilters_1[colIndex];\n                }\n            });\n        }\n\n        function handleSearch_1(value) {\n            searchQuery_1 = value.toLowerCase();\n            currentPage_1 = 1;\n            applyFiltersAndSearch_1();\n        }\n\n        function handleFilterChange_1(selectElement) {\n            const colIndex = selectElement.getAttribute(\"data-col-index\");\n            const value = selectElement.value;\n\n            if (value === \"\") {\n                delete activeFilters_1[colIndex];\n            } else {\n                activeFilters_1[colIndex] = value;\n            }\n            \n            currentPage_1 = 1;\n            applyFiltersAndSearch_1();\n        }\n\n        function resetFilters_1() {\n            const searchInput = document.getElementById(\"gasSearchInput-1\");\n            if (searchInput) searchInput.value = \"\";\n            \n            const selects = document.getElementById(\"gasFilterContainer-1\").querySelectorAll(\".gas-filter-select\");\n            selects.forEach(select => select.value = \"\");\n            \n            searchQuery_1 = \"\";\n            activeFilters_1 = {};\n            currentPage_1 = 1;\n            \n            applyFiltersAndSearch_1();\n        }\n\n        function applyFiltersAndSearch_1() {\n            filteredRows_1 = appData_1.data.filter(row => {\n                for (let colIndex in activeFilters_1) {\n                    let cellText = String(row[colIndex] || \"\").replace(\/<[^>]*>?\/gm, '');\n                    if (cellText !== activeFilters_1[colIndex]) return false; \n                }\n                if (searchQuery_1 !== \"\") {\n                    const rowString = row.map(v => String(v).replace(\/<[^>]*>?\/gm, '')).join(\" \").toLowerCase();\n                    if (!rowString.includes(searchQuery_1)) return false;\n                }\n                return true;\n            });\n\n            const countEl = document.getElementById(\"gasDataCount-1\");\n            if (countEl) {\n                if (searchQuery_1 !== \"\" || Object.keys(activeFilters_1).length > 0) {\n                    countEl.innerHTML = `Menemukan <strong>${filteredRows_1.length}<\/strong> dari total <strong>${appData_1.data.length}<\/strong> data`;\n                } else {\n                    countEl.innerHTML = `Menampilkan total <strong>${appData_1.data.length}<\/strong> data`;\n                }\n            }\n\n            renderTable_1();\n        }\n\n        function formatCellContent_1(text) {\n            if (!text) return \"\";\n            if (typeof text !== 'string') text = String(text);\n            \n            if (text.toLowerCase().includes(\"<a \") && text.toLowerCase().includes(\"href=\")) {\n                return text; \n            }\n            \n            const urlRegex = \/(https?:\\\/\\\/[^\\s]+)\/g;\n            return text.replace(urlRegex, function(url) {\n                return `<a href=\"${url}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gas-link\">${url}<\/a>`;\n            });\n        }\n\n        function renderTable_1() {\n            const tbody = document.querySelector(\"#gasTable-1 tbody\");\n            if (!tbody) return;\n            tbody.innerHTML = \"\";\n\n            if (filteredRows_1.length === 0) {\n                tbody.innerHTML = `<tr><td colspan=\"${appData_1.headers.length}\" style=\"text-align: center; padding: 20px;\">Tidak ada data yang ditemukan.<\/td><\/tr>`;\n                renderPagination_1();\n                return;\n            }\n\n            const start = (currentPage_1 - 1) * rowsPerPage_1;\n            const end = start + rowsPerPage_1;\n            const paginatedData = filteredRows_1.slice(start, end);\n\n            paginatedData.forEach(row => {\n                const tr = document.createElement(\"tr\");\n                let rowHtml = \"\";\n                row.forEach(cell => {\n                    rowHtml += `<td>${formatCellContent_1(cell)}<\/td>`;\n                });\n                tr.innerHTML = rowHtml;\n                tbody.appendChild(tr);\n            });\n\n            renderPagination_1();\n        }\n\n        function renderPagination_1() {\n            const paginationContainer = document.getElementById(\"gasPagination-1\");\n            if (!paginationContainer) return;\n            paginationContainer.innerHTML = \"\";\n            \n            const totalPages = Math.ceil(filteredRows_1.length \/ rowsPerPage_1);\n            if (totalPages <= 1) return;\n\n            const prevBtn = document.createElement(\"button\");\n            prevBtn.className = \"gas-page-btn\";\n            prevBtn.innerText = \"Sebelumnya\";\n            prevBtn.disabled = currentPage_1 === 1;\n            prevBtn.onclick = () => {\n                if (currentPage_1 > 1) {\n                    currentPage_1--;\n                    renderTable_1();\n                }\n            };\n            paginationContainer.appendChild(prevBtn);\n\n            const pageInfo = document.createElement(\"span\");\n            pageInfo.className = \"gas-page-info\";\n            pageInfo.innerText = `Halaman ${currentPage_1} dari ${totalPages}`;\n            paginationContainer.appendChild(pageInfo);\n\n            const nextBtn = document.createElement(\"button\");\n            nextBtn.className = \"gas-page-btn\";\n            nextBtn.innerText = \"Selanjutnya\";\n            nextBtn.disabled = currentPage_1 === totalPages;\n            nextBtn.onclick = () => {\n                if (currentPage_1 < totalPages) {\n                    currentPage_1++;\n                    renderTable_1();\n                }\n            };\n            paginationContainer.appendChild(nextBtn);\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Koleksi e-Book Perpustakaan STIKes Muhammadiyah Ciamis Berikut merupakan kumpulan buku elektronik (e-book) yang tersedia di Perpustakaan STIKes Muhammadiyah Ciamis Layanan Perpustakaan Digital Perpustakaan STIKes Muhammadiyah Ciamis memiliki 2 Layanan Perpustakaan Digital yang dapat dimanfaatkan oleh setiap anggota perpustakaan kapan pun dan dimana pun tanpa batas. Melalui Layanan ini, anggota perpustakaan dapat mengakses berbagai sumber informasi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1385","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lib.stikesmucis.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/1385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lib.stikesmucis.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lib.stikesmucis.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lib.stikesmucis.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lib.stikesmucis.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1385"}],"version-history":[{"count":109,"href":"https:\/\/lib.stikesmucis.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/1385\/revisions"}],"predecessor-version":[{"id":3357,"href":"https:\/\/lib.stikesmucis.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/1385\/revisions\/3357"}],"wp:attachment":[{"href":"https:\/\/lib.stikesmucis.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}