{"id":1076,"date":"2018-11-26T11:13:51","date_gmt":"2018-11-26T04:13:51","guid":{"rendered":"https:\/\/www.yellowweb.id\/blog\/?p=1076"},"modified":"2018-11-26T11:13:51","modified_gmt":"2018-11-26T04:13:51","slug":"sticky-navigation-javascript","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/","title":{"rendered":"Sticky Navigation (JavaScript)"},"content":{"rendered":"<p>Halo teman-teman apa kabarnya \ud83d\ude42<br \/>\nBagi teman-teman yang masih kesulitan membuat Sticky Navigation, tutorial kali ini semoga saja membantu. Sticky Navigation yang akan kita buat disini murni menggunakan JavaScript dan tidak menggunakan plugin jQuery.<\/p>\n<p>Jika teman-teman menjumpai sebuah web dan pada bagian atas terdapat sebuah menu navigasi kemudian kita melakukan gulir kebawah (scroll), menu tersebut akan selalu dan tetap berada pada posisi bagian atas, sementara bagian isi terus bergerak ke bawah, karena web tersebut menggunakan teknik sticky pada menu atau navigasinya.<\/p>\n<p>Jadi caranya bagaimana agar bagian menu atau navigasi tetap berada pada posisi paling atas, sementara bagian isi ikut bergulir? yuk kita coba \ud83d\ude42<\/p>\n<p>Buat beberapa elemen div HTML, seperti berikut:<\/p>\n<pre class=\"lang:default decode:true \" >&lt;div class=\"header\"&gt;\r\n  &lt;h2&gt;Scroll Down&lt;\/h2&gt;\r\n  &lt;p&gt;Scroll down to see the sticky effect.&lt;\/p&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;div id=\"navbar\"&gt;\r\n  &lt;a class=\"active\" href=\"javascript:void(0)\"&gt;Home&lt;\/a&gt;\r\n  &lt;a href=\"javascript:void(0)\"&gt;News&lt;\/a&gt;\r\n  &lt;a href=\"javascript:void(0)\"&gt;Contact&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;div class=\"content\"&gt;\r\n  &lt;h3&gt;Sticky Navigation Example&lt;\/h3&gt;\r\n  &lt;p&gt;The navbar will stick to the top when you reach its scroll position.&lt;\/p&gt;\r\n  &lt;p&gt;Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.&lt;\/p&gt;\r\n  &lt;p&gt;Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.&lt;\/p&gt;\r\n  &lt;p&gt;Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.&lt;\/p&gt;\r\n  &lt;p&gt;Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.&lt;\/p&gt;\r\n  &lt;p&gt;Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.&lt;\/p&gt;\r\n  &lt;p&gt;Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.&lt;\/p&gt;\r\n  &lt;p&gt;Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.&lt;\/p&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>kemudian lanjutkan dengan melakukan styling pada CSS, dengan memberikan kode CSS seperti berikut ini:<\/p>\n<pre class=\"lang:default decode:true \" >body {\r\n  margin: 0;\r\n  font-size: 28px;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.header {\r\n  background-color: #f1f1f1;\r\n  padding: 30px;\r\n  text-align: center;\r\n}\r\n\r\n#navbar {\r\n  overflow: hidden;\r\n  background-color: #333;\r\n}\r\n\r\n#navbar a {\r\n  float: left;\r\n  display: block;\r\n  color: #f2f2f2;\r\n  text-align: center;\r\n  padding: 14px 16px;\r\n  text-decoration: none;\r\n  font-size: 17px;\r\n}\r\n\r\n#navbar a:hover {\r\n  background-color: #ddd;\r\n  color: black;\r\n}\r\n\r\n#navbar a.active {\r\n  background-color: #4CAF50;\r\n  color: white;\r\n}\r\n\r\n.content {\r\n  padding: 16px;\r\n}\r\n\r\n.sticky {\r\n  position: fixed;\r\n  top: 0;\r\n  width: 100%;\r\n}\r\n\r\n.sticky + .content {\r\n  padding-top: 60px;\r\n}<\/pre>\n<p>Jangan lupa untuk menuliskan kode JavaScriptnya, yang berguna sebagai pemicu atau trigger Sticky Navigasinya, kodenya sebagai berikut:<\/p>\n<pre class=\"lang:default decode:true \" >window.onscroll = function() {myFunction()};\r\n\r\nvar navbar = document.getElementById(\"navbar\");\r\nvar sticky = navbar.offsetTop;\r\n\r\nfunction myFunction() {\r\n  if (window.pageYOffset &gt;= sticky) {\r\n    navbar.classList.add(\"sticky\")\r\n  } else {\r\n    navbar.classList.remove(\"sticky\");\r\n  }\r\n}<\/pre>\n<p>Untuk hasilnya, bisa teman-teman lihat disini:<\/p>\n<p><iframe loading=\"lazy\" width=\"100%\" height=\"300\" src=\"\/\/jsfiddle.net\/miftahfs\/1dkuer23\/embedded\/result\/\" allowfullscreen=\"allowfullscreen\" allowpaymentrequest frameborder=\"0\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Halo teman-teman apa kabarnya \ud83d\ude42 Bagi teman-teman yang masih kesulitan membuat Sticky Navigation, tutorial kali ini semoga saja membantu. Sticky Navigation yang akan kita buat disini murni menggunakan JavaScript dan tidak menggunakan plugin jQuery. Jika teman-teman menjumpai sebuah web dan pada bagian atas terdapat sebuah menu navigasi kemudian kita melakukan gulir kebawah (scroll), menu tersebut [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1078,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[283],"tags":[156,325,475,474,473,472],"class_list":["post-1076","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-javascript","tag-menu","tag-menu-static","tag-menu-statis","tag-menu-tetap","tag-sticky-navigation"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sticky Navigation (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\/sticky-navigation-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sticky Navigation (JavaScript) - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Halo teman-teman apa kabarnya \ud83d\ude42 Bagi teman-teman yang masih kesulitan membuat Sticky Navigation, tutorial kali ini semoga saja membantu. Sticky Navigation yang akan kita buat disini murni menggunakan JavaScript dan tidak menggunakan plugin jQuery. Jika teman-teman menjumpai sebuah web dan pada bagian atas terdapat sebuah menu navigasi kemudian kita melakukan gulir kebawah (scroll), menu tersebut [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-26T04:13:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/11\/sticky.jpg?fit=600%2C250&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"Sticky Navigation (JavaScript)\",\"datePublished\":\"2018-11-26T04:13:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/\"},\"wordCount\":149,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/sticky.jpg\",\"keywords\":[\"javascript\",\"menu\",\"menu static\",\"menu statis\",\"menu tetap\",\"sticky navigation\"],\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/\",\"name\":\"Sticky Navigation (JavaScript) - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/sticky.jpg\",\"datePublished\":\"2018-11-26T04:13:51+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/sticky.jpg\",\"contentUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/sticky.jpg\",\"width\":600,\"height\":250,\"caption\":\"sticky\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/sticky-navigation-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sticky Navigation (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":"Sticky Navigation (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\/sticky-navigation-javascript\/","og_locale":"en_GB","og_type":"article","og_title":"Sticky Navigation (JavaScript) - YELLOWWEB.ID","og_description":"Halo teman-teman apa kabarnya \ud83d\ude42 Bagi teman-teman yang masih kesulitan membuat Sticky Navigation, tutorial kali ini semoga saja membantu. Sticky Navigation yang akan kita buat disini murni menggunakan JavaScript dan tidak menggunakan plugin jQuery. Jika teman-teman menjumpai sebuah web dan pada bagian atas terdapat sebuah menu navigasi kemudian kita melakukan gulir kebawah (scroll), menu tersebut [&hellip;]","og_url":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2018-11-26T04:13:51+00:00","og_image":[{"width":600,"height":250,"url":"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/11\/sticky.jpg?fit=600%2C250&ssl=1","type":"image\/jpeg"}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"Sticky Navigation (JavaScript)","datePublished":"2018-11-26T04:13:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/"},"wordCount":149,"commentCount":0,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/11\/sticky.jpg","keywords":["javascript","menu","menu static","menu statis","menu tetap","sticky navigation"],"articleSection":["JavaScript"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/","url":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/","name":"Sticky Navigation (JavaScript) - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/11\/sticky.jpg","datePublished":"2018-11-26T04:13:51+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/#primaryimage","url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/11\/sticky.jpg","contentUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/11\/sticky.jpg","width":600,"height":250,"caption":"sticky"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/sticky-navigation-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Sticky Navigation (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\/1076","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=1076"}],"version-history":[{"count":1,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1076\/revisions"}],"predecessor-version":[{"id":1077,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1076\/revisions\/1077"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media\/1078"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=1076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=1076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=1076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}