{"id":1193,"date":"2022-05-12T11:19:11","date_gmt":"2022-05-12T04:19:11","guid":{"rendered":"https:\/\/www.bagi2info.com\/?p=1193"},"modified":"2022-09-11T14:00:38","modified_gmt":"2022-09-11T07:00:38","slug":"membuat-simple-popup-dengan-html-dan-jquery-tanpa-database","status":"publish","type":"post","link":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/","title":{"rendered":"Make simple popup with html and jquery without database"},"content":{"rendered":"For friends who are looking for a simple script for a simple popup with html and jquery only without other javascript libraries \/ plugins, here&#8217;s the link <a href=\"https:\/\/www.bagi2info.com\/sample\/popuppurehtmlnjquery.zip\" target=\"_blank\" rel=\"noopener noreferrer\">sample filenya<\/a>.\r\n\r\n<a href=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2019\/01\/popup.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1194\" src=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2019\/01\/popup-1024x554.png\" alt=\"popup dengan html dan jquery\" width=\"1024\" height=\"554\" srcset=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2019\/01\/popup-1024x554.png 1024w, https:\/\/www.bagi2info.com\/wp-content\/uploads\/2019\/01\/popup-300x162.png 300w, https:\/\/www.bagi2info.com\/wp-content\/uploads\/2019\/01\/popup-768x415.png 768w, https:\/\/www.bagi2info.com\/wp-content\/uploads\/2019\/01\/popup.png 1674w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup line-numbers\">&lt;html&gt;\r\n  &lt;head&gt;\r\n    &lt;title&gt;Simple popup using jquery&lt;\/title&gt;\r\n\r\n    &lt;style type=\"text\/css\"&gt;\r\n      \/* popup window *\/\r\n\r\n      #popup_window {\r\n        padding: 10px;\r\n        background: #267e8a;\r\n        cursor: pointer;\r\n        color: #fcfcfc;\r\n      }\r\n      .popup-overlay {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: fixed;\r\n        background: rgba(196, 196, 196, 0.85);\r\n        top: 0;\r\n        left: 100%;\r\n        opacity: 0;\r\n        -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\r\n        -webkit-transition: opacity 0.2s ease-out;\r\n        -moz-transition: opacity 0.2s ease-out;\r\n        -ms-transition: opacity 0.2s ease-out;\r\n        -o-transition: opacity 0.2s ease-out;\r\n        transition: opacity 0.2s ease-out;\r\n      }\r\n      .overlay .popup-overlay {\r\n        opacity: 1;\r\n        left: 0;\r\n      }\r\n      .popup {\r\n        position: fixed;\r\n        top: 5%;\r\n        left: 50%;\r\n        z-index: -9999;\r\n      }\r\n      .popup .popup-body {\r\n        background: #ffffff;\r\n        background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);\r\n        background: -webkit-gradient(\r\n          linear,\r\n          left top,\r\n          left bottom,\r\n          color-stop(0%, #ffffff),\r\n          color-stop(100%, #f7f7f7)\r\n        );\r\n        background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);\r\n        background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);\r\n        background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);\r\n        background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);\r\n        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);\r\n        opacity: 0;\r\n        min-height: 150px;\r\n        width: 800px;\r\n        margin-left: -400px;\r\n        padding: 20px;\r\n        -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\r\n        -webkit-transition: opacity 0.2s ease-out;\r\n        -moz-transition: opacity 0.2s ease-out;\r\n        -ms-transition: opacity 0.2s ease-out;\r\n        -o-transition: opacity 0.2s ease-out;\r\n        transition: opacity 0.2s ease-out;\r\n        position: relative;\r\n        -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);\r\n        -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);\r\n        box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);\r\n        border: 1px solid #e9e9e9;\r\n      }\r\n\r\n      .popup .popup-body {\r\n        width: 90% !important;\r\n        height: 80% !important;\r\n      }\r\n\r\n      .popup.visible,\r\n      .popup.transitioning {\r\n        z-index: 9999;\r\n      }\r\n      .popup.visible .popup-body {\r\n        opacity: 1;\r\n        -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\";\r\n      }\r\n      .popup .popup-exit {\r\n        cursor: pointer;\r\n        display: block;\r\n        width: 24px;\r\n        height: 24px;\r\n        position: absolute;\r\n        top: 150px;\r\n        right: 195px;\r\n        background: url(\"images\/quit.png\") no-repeat;\r\n      }\r\n      .popup .popup-content {\r\n        overflow: scroll;\r\n        height: 650px;\r\n      }\r\n      .popup-content .popup-title {\r\n        font-size: 24px;\r\n        border-bottom: 1px solid #e9e9e9;\r\n        padding-bottom: 10px;\r\n      }\r\n      .popup-content p {\r\n        font-size: 13px;\r\n        text-align: justify;\r\n      }\r\n\r\n      \/* popup window *\/\r\n    &lt;\/style&gt;\r\n    &lt;script src=\"js\/jquery.min.js\" type=\"text\/javascript\"&gt;&lt;\/script&gt;\r\n    &lt;script type=\"text\/javascript\"&gt;\r\n      \/\/ You can place JavaScript like this\r\n      \/\/&lt;![CDATA[\r\n      $(window).load(function () {\r\n        $(document).ready(function ($) {\r\n          $(\"[data-popup-target]\").click(function () {\r\n            $(\"html\").addClass(\"overlay\");\r\n            var activePopup = $(this).attr(\"data-popup-target\");\r\n            $(activePopup).addClass(\"visible\");\r\n          });\r\n\r\n          $(document).keyup(function (e) {\r\n            if (e.keyCode == 27 &amp;&amp; $(\"html\").hasClass(\"overlay\")) {\r\n              clearPopup();\r\n            }\r\n          });\r\n\r\n          $(\".popup-exit\").click(function () {\r\n            clearPopup();\r\n          });\r\n\r\n          $(\".popup-overlay\").click(function () {\r\n            clearPopup();\r\n          });\r\n\r\n          function clearPopup() {\r\n            $(\".popup.visible\")\r\n              .addClass(\"transitioning\")\r\n              .removeClass(\"visible\");\r\n            $(\"html\").removeClass(\"overlay\");\r\n\r\n            setTimeout(function () {\r\n              $(\".popup\").removeClass(\"transitioning\");\r\n            }, 200);\r\n          }\r\n        });\r\n      });\r\n    &lt;\/script&gt;\r\n  &lt;\/head&gt;\r\n  &lt;body&gt;\r\n    &lt;a style=\"cursor: pointer\" data-popup-target=\"#popup1\"\r\n      &gt;Click to show popup&lt;\/a\r\n    &gt;\r\n\r\n    &lt;div id=\"popup1\" class=\"popup\"&gt;\r\n      &lt;div class=\"popup-body\"&gt;\r\n        &lt;div class=\"popup-content\"&gt;\r\n          &lt;h1&gt;Popup Title&lt;\/h1&gt;\r\n          Lorem ipsum dolor sit amet, sea decore appetere te. Pro cu idque\r\n          lucilius, eu sint ludus pri. Pro unum lucilius nominati eu, in mea\r\n          iusto periculis. At utamur sadipscing necessitatibus cum. Libris\r\n          ancillae sed ex, ullum erant forensibus vim at, vel libris putant\r\n          ei.&lt;br \/&gt;\r\n\r\n          Mei ut posse persius salutatus, duo decore dignissim et. Cibo blandit\r\n          abhorreant et mel, quando animal facilis cu nam, pri mucius verear\r\n          oportere in. Cu vel oportere voluptatibus. Mel graeco expetenda ei,\r\n          alii dicat invenire duo in.&lt;br \/&gt;\r\n\r\n          Augue menandri an eam. Ea eam suscipit consulatu. Est id primis\r\n          explicari imperdiet, ut purto tacimates cotidieque nec. In nonumy\r\n          adipiscing quaerendum usu. Ea nam etiam salutatus, mazim saperet qui\r\n          ne.&lt;br \/&gt;\r\n\r\n          Duo at impetus labitur, his vero nullam animal cu. Liber ignota\r\n          utroque in mei, prima detraxit dissentias cum ut. An mei utamur latine\r\n          abhorreant. Possim convenire inciderint per no, nec et liber virtute.\r\n          Liber primis abhorreant ea mel.&lt;br \/&gt;\r\n\r\n          Vitae omnesque ullamcorper has an, sea eruditi albucius dignissim an.\r\n          At posse liber clita vim, vidisse albucius pri ad. Ad his labore\r\n          eloquentiam. Senserit scribentur eloquentiam pri in, ei vim dolor\r\n          affert. Ei porro electram usu, qui quot justo partiendo in, ei\r\n          volutpat scripserit mea. Et verterem praesent ius, clita dictas pri\r\n          ad.\r\n        &lt;\/div&gt;\r\n      &lt;\/div&gt;\r\n    &lt;\/div&gt;\r\n\r\n    &lt;div class=\"popup-overlay\"&gt;&amp;nbsp;&lt;\/div&gt;\r\n  &lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/code><\/pre>\r\n","protected":false},"excerpt":{"rendered":"<p>For friends who are looking for a simple script for a simple popup with html and jquery only without other javascript libraries \/ plugins, here&#8217;s the link sample filenya. &lt;html&gt; &lt;head&gt; &lt;title&gt;Simple popup using&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":1194,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-1193","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-komputer"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Membuat simple popup dengan html dan jquery tanpa database\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"webmaster\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Bagi2info.com - Tips dan Trik Komputer, Tutorial Pemrograman, SQL, PHP, React Native - Expo\" \/>\n\t\t<meta property=\"og:type\" content=\"activity\" \/>\n\t\t<meta property=\"og:title\" content=\"Make simple popup with html and jquery without database\" \/>\n\t\t<meta property=\"og:description\" content=\"Membuat simple popup dengan html dan jquery tanpa database\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.bagi2info.com\/wp-content\/uploads\/2017\/10\/coollogo_com-12072770.png?fit=28164&#038;ssl=1\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/i0.wp.com\/www.bagi2info.com\/wp-content\/uploads\/2017\/10\/coollogo_com-12072770.png?fit=28164&#038;ssl=1\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@bagi2infocom\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Make simple popup with html and jquery without database\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Membuat simple popup dengan html dan jquery tanpa database\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@bagi2infocom\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/i0.wp.com\/www.bagi2info.com\/wp-content\/uploads\/2017\/10\/coollogo_com-12072770.png?fit=28164&amp;ssl=1\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#blogposting\",\"name\":\"Make simple popup with html and jquery without database\",\"headline\":\"Make simple popup with html and jquery without database\",\"author\":{\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/author\\\/admin\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.bagi2info.com\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/popup.png\",\"width\":1674,\"height\":905,\"caption\":\"popup dengan html dan jquery\"},\"datePublished\":\"2022-05-12T11:19:11+07:00\",\"dateModified\":\"2022-09-11T14:00:38+07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#webpage\"},\"articleSection\":\"Komputer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/category\\\/komputer\\\/#listItem\",\"name\":\"Komputer\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/category\\\/komputer\\\/#listItem\",\"position\":2,\"name\":\"Komputer\",\"item\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/category\\\/komputer\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#listItem\",\"name\":\"Make simple popup with html and jquery without database\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#listItem\",\"position\":3,\"name\":\"Make simple popup with html and jquery without database\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/category\\\/komputer\\\/#listItem\",\"name\":\"Komputer\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/#person\",\"name\":\"webmaster\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/38da1efad6745212e2c3b76c8d8e72f69844b6451e55a9c219cdb2bb8b8901ef?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"webmaster\"},\"sameAs\":[\"https:\\\/\\\/twitter.com\\\/bagi2infocom\",\"https:\\\/\\\/www.instagram.com\\\/bagi2infocom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/author\\\/admin\\\/#author\",\"url\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/author\\\/admin\\\/\",\"name\":\"webmaster\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/38da1efad6745212e2c3b76c8d8e72f69844b6451e55a9c219cdb2bb8b8901ef?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"webmaster\"},\"sameAs\":[\"https:\\\/\\\/twitter.com\\\/bagi2infocom\",\"https:\\\/\\\/www.instagram.com\\\/bagi2infocom\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#webpage\",\"url\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/\",\"name\":\"Make simple popup with html and jquery without database\",\"description\":\"Membuat simple popup dengan html dan jquery tanpa database\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/author\\\/admin\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/author\\\/admin\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.bagi2info.com\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/popup.png\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#mainImage\",\"width\":1674,\"height\":905,\"caption\":\"popup dengan html dan jquery\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/make-simple-popup-with-html-and-jquery-without-database\\\/#mainImage\"},\"datePublished\":\"2022-05-12T11:19:11+07:00\",\"dateModified\":\"2022-09-11T14:00:38+07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/\",\"name\":\"Bagi2info.com\",\"description\":\"Tips dan Trik Komputer, Tutorial Pemrograman, SQL, PHP, React Native - Expo\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.bagi2info.com\\\/en\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Make simple popup with html and jquery without database","description":"Membuat simple popup dengan html dan jquery tanpa database","canonical_url":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#blogposting","name":"Make simple popup with html and jquery without database","headline":"Make simple popup with html and jquery without database","author":{"@id":"https:\/\/www.bagi2info.com\/en\/author\/admin\/#author"},"publisher":{"@id":"https:\/\/www.bagi2info.com\/en\/#person"},"image":{"@type":"ImageObject","url":"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2019\/01\/popup.png","width":1674,"height":905,"caption":"popup dengan html dan jquery"},"datePublished":"2022-05-12T11:19:11+07:00","dateModified":"2022-09-11T14:00:38+07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#webpage"},"isPartOf":{"@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#webpage"},"articleSection":"Komputer"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.bagi2info.com\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/www.bagi2info.com\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.bagi2info.com\/en\/category\/komputer\/#listItem","name":"Komputer"}},{"@type":"ListItem","@id":"https:\/\/www.bagi2info.com\/en\/category\/komputer\/#listItem","position":2,"name":"Komputer","item":"https:\/\/www.bagi2info.com\/en\/category\/komputer\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#listItem","name":"Make simple popup with html and jquery without database"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.bagi2info.com\/en\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#listItem","position":3,"name":"Make simple popup with html and jquery without database","previousItem":{"@type":"ListItem","@id":"https:\/\/www.bagi2info.com\/en\/category\/komputer\/#listItem","name":"Komputer"}}]},{"@type":"Person","@id":"https:\/\/www.bagi2info.com\/en\/#person","name":"webmaster","image":{"@type":"ImageObject","@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/38da1efad6745212e2c3b76c8d8e72f69844b6451e55a9c219cdb2bb8b8901ef?s=96&d=mm&r=g","width":96,"height":96,"caption":"webmaster"},"sameAs":["https:\/\/twitter.com\/bagi2infocom","https:\/\/www.instagram.com\/bagi2infocom"]},{"@type":"Person","@id":"https:\/\/www.bagi2info.com\/en\/author\/admin\/#author","url":"https:\/\/www.bagi2info.com\/en\/author\/admin\/","name":"webmaster","image":{"@type":"ImageObject","@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/38da1efad6745212e2c3b76c8d8e72f69844b6451e55a9c219cdb2bb8b8901ef?s=96&d=mm&r=g","width":96,"height":96,"caption":"webmaster"},"sameAs":["https:\/\/twitter.com\/bagi2infocom","https:\/\/www.instagram.com\/bagi2infocom"]},{"@type":"WebPage","@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#webpage","url":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/","name":"Make simple popup with html and jquery without database","description":"Membuat simple popup dengan html dan jquery tanpa database","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.bagi2info.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#breadcrumblist"},"author":{"@id":"https:\/\/www.bagi2info.com\/en\/author\/admin\/#author"},"creator":{"@id":"https:\/\/www.bagi2info.com\/en\/author\/admin\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2019\/01\/popup.png","@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#mainImage","width":1674,"height":905,"caption":"popup dengan html dan jquery"},"primaryImageOfPage":{"@id":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/#mainImage"},"datePublished":"2022-05-12T11:19:11+07:00","dateModified":"2022-09-11T14:00:38+07:00"},{"@type":"WebSite","@id":"https:\/\/www.bagi2info.com\/en\/#website","url":"https:\/\/www.bagi2info.com\/en\/","name":"Bagi2info.com","description":"Tips dan Trik Komputer, Tutorial Pemrograman, SQL, PHP, React Native - Expo","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.bagi2info.com\/en\/#person"}}]},"og:locale":"en_US","og:site_name":"Bagi2info.com - Tips dan Trik Komputer, Tutorial Pemrograman, SQL, PHP, React Native - Expo","og:type":"activity","og:title":"Make simple popup with html and jquery without database","og:description":"Membuat simple popup dengan html dan jquery tanpa database","og:url":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/","og:image":"https:\/\/i0.wp.com\/www.bagi2info.com\/wp-content\/uploads\/2017\/10\/coollogo_com-12072770.png?fit=28164&#038;ssl=1","og:image:secure_url":"https:\/\/i0.wp.com\/www.bagi2info.com\/wp-content\/uploads\/2017\/10\/coollogo_com-12072770.png?fit=28164&#038;ssl=1","twitter:card":"summary","twitter:site":"@bagi2infocom","twitter:title":"Make simple popup with html and jquery without database","twitter:description":"Membuat simple popup dengan html dan jquery tanpa database","twitter:creator":"@bagi2infocom","twitter:image":"https:\/\/i0.wp.com\/www.bagi2info.com\/wp-content\/uploads\/2017\/10\/coollogo_com-12072770.png?fit=28164&ssl=1"},"aioseo_meta_data":{"post_id":"1193","title":null,"description":"Membuat simple popup dengan html dan jquery tanpa database","keywords":[{"label":"simple","value":"simple"},{"label":"sederhana","value":"sederhana"},{"label":"popup","value":"popup"},{"label":"html","value":"html"},{"label":"jquery","value":"jquery"},{"label":"database","value":"database"}],"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"activity","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"summary","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[],"defaultGraph":"Article","defaultPostTypeGraph":""},"schema_type":"default","schema_type_options":"{\"article\":{\"articleType\":\"BlogPosting\"},\"course\":{\"name\":\"\",\"description\":\"\",\"provider\":\"\"},\"faq\":{\"pages\":[]},\"product\":{\"reviews\":[]},\"recipe\":{\"ingredients\":[],\"instructions\":[],\"keywords\":[]},\"software\":{\"reviews\":[],\"operatingSystems\":[]},\"webPage\":{\"webPageType\":\"WebPage\"}}","pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2022-05-12 09:33:18","updated":"2025-06-04 07:09:37","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.bagi2info.com\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.bagi2info.com\/en\/category\/komputer\/\" title=\"Komputer\">Komputer<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tMake simple popup with html and jquery without database\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.bagi2info.com\/en\/"},{"label":"Komputer","link":"https:\/\/www.bagi2info.com\/en\/category\/komputer\/"},{"label":"Make simple popup with html and jquery without database","link":"https:\/\/www.bagi2info.com\/en\/make-simple-popup-with-html-and-jquery-without-database\/"}],"_links":{"self":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/posts\/1193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/comments?post=1193"}],"version-history":[{"count":0,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/posts\/1193\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/media\/1194"}],"wp:attachment":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/media?parent=1193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/categories?post=1193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/tags?post=1193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}