{"id":710,"date":"2017-07-08T09:18:18","date_gmt":"2017-07-08T02:18:18","guid":{"rendered":"http:\/\/www.yellowweb.id\/blog\/?p=710"},"modified":"2017-07-08T09:18:18","modified_gmt":"2017-07-08T02:18:18","slug":"membuat-pop-up-window-dengan-javascript","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/","title":{"rendered":"Membuat Pop Up Window dengan Javascript"},"content":{"rendered":"<p>Pernahkah kalian mengunjungi sebuah situs, kemudian tiba-tiba muncul window baru secara bersamaan setelah window utama. Mungkin istilah ini sering kita dengar dengan nama pop up window. Cara ini sering digunakan para pengiklan untuk memunculkan iklan mereka. Untuk tutorial kali ini kita akan mencoba bagaimana caranya membuat pop up window dengan menggunakan javascript.<br \/>\n<!--more--><br \/>\nTahapannya cukup mudah silahkan teman-teman buat file, kemudian isikan kode html dan javascript seperti dibawah ini:<\/p>\n<pre class=\"lang:default decode:true \" >&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n\t&lt;title&gt;Pop Up With Javascript | YELLOWWEB.ID&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\t&lt;p&gt;Klik link berikut&lt;\/p&gt;\r\n\t&lt;a href onclick=\"window.open('http:\/\/www.yellowweb.id', 'Kursus Web di Bekasi', 'width=800, height=600, status=1,scrollbar=yes'); return false;\"&gt;KLIK DISINI&lt;\/a&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>Sedikit penjelasan mengenai kode diatas, link window.open() berfungsi untuk membuka jendela\/ window baru, dengan parameter http:\/\/www.yellowweb.id, diikuti dengan judul, lebar dan tinggi serta scrollbar.<\/p>\n<p>Silahkan teman-teman bisa mencobanya. Kira-kira hasilnya akan seperti ini:<\/p>\n<p><iframe loading=\"lazy\" width=\"100%\" height=\"300\" src=\"\/\/jsfiddle.net\/1ymggw0a\/embedded\/result\/\" allowfullscreen=\"allowfullscreen\" frameborder=\"0\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pernahkah kalian mengunjungi sebuah situs, kemudian tiba-tiba muncul window baru secara bersamaan setelah window utama. Mungkin istilah ini sering kita dengar dengan nama pop up window. Cara ini sering digunakan para pengiklan untuk memunculkan iklan mereka. Untuk tutorial kali ini kita akan mencoba bagaimana caranya membuat pop up window dengan menggunakan javascript.<\/p>\n","protected":false},"author":1,"featured_media":714,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43,283,11,1],"tags":[336,13,156,351,334],"class_list":["post-710","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","category-javascript","category-tutorial","category-uncategorised","tag-alert","tag-html","tag-javascript","tag-popup","tag-window"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Membuat Pop Up Window dengan Javascript - YELLOWWEB.ID<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Pop Up Window dengan Javascript - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Pernahkah kalian mengunjungi sebuah situs, kemudian tiba-tiba muncul window baru secara bersamaan setelah window utama. Mungkin istilah ini sering kita dengar dengan nama pop up window. Cara ini sering digunakan para pengiklan untuk memunculkan iklan mereka. Untuk tutorial kali ini kita akan mencoba bagaimana caranya membuat pop up window dengan menggunakan javascript.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-08T02:18:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2017\/07\/popup-window.jpg?fit=475%2C250&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"475\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"yellowweb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yellowweb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"Membuat Pop Up Window dengan Javascript\",\"datePublished\":\"2017-07-08T02:18:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/\"},\"wordCount\":111,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/popup-window.jpg\",\"keywords\":[\"alert\",\"html\",\"javascript\",\"popup\",\"window\"],\"articleSection\":[\"HTML\",\"JavaScript\",\"Tutorial\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/\",\"name\":\"Membuat Pop Up Window dengan Javascript - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/popup-window.jpg\",\"datePublished\":\"2017-07-08T02:18:18+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/popup-window.jpg\",\"contentUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/popup-window.jpg\",\"width\":475,\"height\":250,\"caption\":\"Pop up window dengan javascript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-pop-up-window-dengan-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membuat Pop Up Window dengan Javascript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\",\"name\":\"YELLOWWEB.ID\",\"description\":\"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\",\"name\":\"yellowweb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"caption\":\"yellowweb\"},\"sameAs\":[\"https:\\\/\\\/www.yellowweb.id\"],\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/author\\\/yellowweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Membuat Pop Up Window dengan Javascript - YELLOWWEB.ID","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/","og_locale":"en_GB","og_type":"article","og_title":"Membuat Pop Up Window dengan Javascript - YELLOWWEB.ID","og_description":"Pernahkah kalian mengunjungi sebuah situs, kemudian tiba-tiba muncul window baru secara bersamaan setelah window utama. Mungkin istilah ini sering kita dengar dengan nama pop up window. Cara ini sering digunakan para pengiklan untuk memunculkan iklan mereka. Untuk tutorial kali ini kita akan mencoba bagaimana caranya membuat pop up window dengan menggunakan javascript.","og_url":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2017-07-08T02:18:18+00:00","og_image":[{"width":475,"height":250,"url":"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2017\/07\/popup-window.jpg?fit=475%2C250&ssl=1","type":"image\/jpeg"}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"Membuat Pop Up Window dengan Javascript","datePublished":"2017-07-08T02:18:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/"},"wordCount":111,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2017\/07\/popup-window.jpg","keywords":["alert","html","javascript","popup","window"],"articleSection":["HTML","JavaScript","Tutorial"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/","url":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/","name":"Membuat Pop Up Window dengan Javascript - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2017\/07\/popup-window.jpg","datePublished":"2017-07-08T02:18:18+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/#primaryimage","url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2017\/07\/popup-window.jpg","contentUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2017\/07\/popup-window.jpg","width":475,"height":250,"caption":"Pop up window dengan javascript"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-pop-up-window-dengan-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Membuat Pop Up Window dengan Javascript"}]},{"@type":"WebSite","@id":"https:\/\/www.yellowweb.id\/blog\/#website","url":"https:\/\/www.yellowweb.id\/blog\/","name":"YELLOWWEB.ID","description":"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yellowweb.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829","name":"yellowweb","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","caption":"yellowweb"},"sameAs":["https:\/\/www.yellowweb.id"],"url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/comments?post=710"}],"version-history":[{"count":3,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/710\/revisions"}],"predecessor-version":[{"id":713,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/710\/revisions\/713"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media\/714"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}