{"id":976,"date":"2018-04-15T12:48:35","date_gmt":"2018-04-15T05:48:35","guid":{"rendered":"http:\/\/www.yellowweb.id\/blog\/?p=976"},"modified":"2018-04-15T12:48:35","modified_gmt":"2018-04-15T05:48:35","slug":"membuat-menu-dinamis-class-active-dengan-php","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/","title":{"rendered":"Membuat Menu Dinamis Class Active dengan PHP"},"content":{"rendered":"

Halo teman-teman kita berjumpa kembali di Blog YELLOWWEB.ID ini. Untuk tutorial kali ini kita akan mencoba bagaimana membuat menu dinamis, biasanya menggunakan Class active CSS<\/code>. Menu yang akan kita buat nanti akan kita kombinasikan dengan file sintaks PHP. Yang bertujuan agar kita tidak melakukan prubahan perhalaman, saat adanya penambahan pada pilihan menu. Penjelasan detailnya sebagai berikut
\n
\nMungkin bagi teman-teman yang baru memulai belajar membangun sebuah web, merasa cukup kesulitan disaat membuat menu atau navigasi yang diberikan class active yang ingin digabungkan kedalam halaman web yang dinamis (PHP). Misalnya seperti ini kita memiliki beberapa halaman web, diantaranya home.php<\/code>, about.php<\/code>, gallery.php<\/code> dan contact.php<\/code>. <\/p>\n

Kita bisa amati jika halaman web pada umumnya yang berganti hanya bagian isi(Content) saja. Untuk bagian header, menu(navigasi) sidebar dan footer akan selalu tetap. <\/p>\n

Masalah disini muncul bagaimana caranya membuat menu tersebut dinamis, karena menu yang ada ada class khusus yaitu class active, yang menandakan bahwa halaman tersebut sedang dibuka. <\/p>\n

Jika kita bisa rubah saja satu persatu, namun tentunya akan tidak efisien, bagaimana kalau kita memiliki halaman yang cukup banyak, kita harus merubah satu persatu disetiap halaman. <\/p>\n

Teknik yang akan kita gunakan yaitu kita berikan tanda pada tiap-tiap halaman, disini kita memerlukan sedikit pengetahuan tentang PHP.<\/p>\n

DEMO:http:\/\/www.yellowweb.id\/demo\/menu-dinamis-raw\/index.php<\/a><\/p>\n

Jika diperhatikan pada demo diatas, class active dapat berjalan seperti biasa. Langkah-langkahnya sebagai berikut:<\/p>\n

buatlah beberapa file: index.php(home)<\/code>, about.php<\/code>, gallery.php<\/code>, contact.php<\/code>, navigasi.php<\/code>.<\/p>\n

disini ada beberapa yang perlu kita perhatikan, setiap page akan kita berikan kode <\/code><\/p>\n

pada bagian paling atas doctype HTML.<\/p>\n

Kode lengkapnya sebagai berikut:<\/p>\n

<?php\r\n\t$page = \"Home\";\r\n?>\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n\t<title><?php echo $page; ?><\/title>\r\n\t<style type=\"text\/css\">\r\n\t\t*{\r\n\t\t\tpadding: 0;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t#wrapper{\r\n\t\t\twidth: 960px;\r\n\t\t\tmargin: auto;\r\n\t\t}\r\n\r\n\t\t#header{\r\n\t\t\tbackground-color: red;\r\n\t\t\theight: 100px;\r\n\t\t\tpadding: 5px;\r\n\t\t\tcolor: #ffffff;\r\n\t\t}\r\n\r\n\t\t#menu{\r\n\t\t\tbackground: blue;\r\n\t\t\theight: 50px;\r\n\t\t}\r\n\r\n\t\t#menu ul .active{\r\n\t\t\ttext-decoration: underline;\r\n\t\t}\r\n\r\n\t\t#menu ul .active a{\r\n\t\t\tcolor: #ffff00;\r\n\t\t}\r\n\r\n\t\t#menu ul li{\r\n\t\t\tlist-style: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tdisplay: inline;\r\n\t\t\tmargin: 0 85px;\r\n\t\t\tline-height: 50px;\r\n\t\t}\r\n\r\n\t\t#menu ul li a{\r\n\t\t\tcolor: #000000;\r\n\t\t\ttext-decoration: none;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tcolor: #ffffff;\r\n\t\t\tfont-weight: bold;\r\n\t\t}\r\n\r\n\t\t#content{\r\n\t\t\tpadding: 5px;\r\n\t\t\tline-height: 20px;\r\n\t\t\theight: 300px;\r\n\t\t}\r\n\r\n\t\t#footer{\r\n\t\t\tbackground-color: green;\r\n\t\t\theight: 50px;\r\n\t\t\ttext-align: center;\r\n\t\t\tcolor: #ffffff;\r\n\t\t\tline-height: 50px;\r\n\t\t}\r\n\t<\/style>\r\n<\/head>\r\n<body>\r\n\t<div id=\"wrapper\">\r\n\t\t<div id=\"header\">\r\n\t\t\t<h1>Simple Website<\/h1>\r\n\t\t<\/div> <!-- end of header -->\r\n\r\n\t\t<!-- Include Navigasi -->\r\n\t\t<?php\r\n\t\t\tinclude \"navigasi.php\";\t\r\n\t\t?>\r\n\t\t\r\n\t\t<div id=\"content\">\r\n\t\t\t<h2>Ini Halaman <?php echo $page; ?> (home.php)<\/h2>\r\n\t\t<\/div><!-- end of content -->\r\n\t\t<div id=\"footer\">\r\n\t\t\t<p>Hak Cipta YELLOWWEB.ID | &copy; <?php echo date(\"Y\");?><\/p>\r\n\t\t<\/div><!-- end fo footer -->  \r\n\t<\/div><!-- end of wrapper -->\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
berikut kode dari file navigasi.php<\/code><\/p>\n
<div id=\"menu\">\r\n\t<ul>\r\n\t\t<li <?php if($page == \"Home\") echo \"class='active'\";?>> <a href=\"index.php\">home<\/a><\/li>\r\n\t\t<li <?php if($page == \"About\") echo \"class='active'\";?>><a href=\"about.php\">about<\/a><\/li>\r\n\t\t<li <?php if($page == \"Gallery\") echo \"class='active'\";?>><a href=\"gallery.php\">gallery<\/a><\/li>\r\n\t\t<li <?php if($page == \"Contact\") echo \"class='active'\";?>><a href=\"contact.php\">contact<\/a><\/li>\r\n\t<\/ul>\r\n<\/div><!-- end of menu --><\/pre>\n
Teman-teman dapat potong kode pada bagian menu (navigasi), kemudian sisipkan pada tiap halaman dengan menggunakan fungsi PHP include<\/code>.<\/p>\n
Dengan cara seperti ini ketika terjadi perubahan pada bagian menu, teman-teman tidak perlu merubah satu persatu pada tiap-tiap halaman, cukup dirubah pada file navigasi.php<\/code> tadi yang sebelumnya sudah kita buat.<\/p>\n
Tentunya dengan cara seperti ini kita dapat menghemat waktu, karena lebih efektif dan efisien.<\/p>\n","protected":false},"excerpt":{"rendered":"
Halo teman-teman kita berjumpa kembali di Blog YELLOWWEB.ID ini. Untuk tutorial kali ini kita akan mencoba bagaimana membuat menu dinamis, biasanya menggunakan Class active CSS. Menu yang akan kita buat nanti akan kita kombinasikan dengan file sintaks PHP. Yang bertujuan agar kita tidak melakukan prubahan perhalaman, saat adanya penambahan pada pilihan menu. Penjelasan detailnya sebagai […]<\/p>\n","protected":false},"author":1,"featured_media":982,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37,43,110,11],"tags":[429,90,430,325,324],"class_list":["post-976","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-html","category-php","category-tutorial","tag-class-active","tag-dinamis","tag-dynamic-page","tag-menu","tag-navigasi"],"yoast_head":"\nMembuat Menu Dinamis Class Active dengan PHP - 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-menu-dinamis-class-active-dengan-php\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Menu Dinamis Class Active dengan PHP - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Halo teman-teman kita berjumpa kembali di Blog YELLOWWEB.ID ini. Untuk tutorial kali ini kita akan mencoba bagaimana membuat menu dinamis, biasanya menggunakan Class active CSS. Menu yang akan kita buat nanti akan kita kombinasikan dengan file sintaks PHP. Yang bertujuan agar kita tidak melakukan prubahan perhalaman, saat adanya penambahan pada pilihan menu. Penjelasan detailnya sebagai […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2018-04-15T05:48:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/04\/menu-dinamis-php-01.jpg?fit=2500%2C1208&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"2500\" \/>\n\t<meta property=\"og:image:height\" content=\"1208\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"Membuat Menu Dinamis Class Active dengan PHP\",\"datePublished\":\"2018-04-15T05:48:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/\"},\"wordCount\":312,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/menu-dinamis-php-01.jpg\",\"keywords\":[\"class active\",\"dinamis\",\"dynamic page\",\"menu\",\"navigasi\"],\"articleSection\":[\"CSS\",\"HTML\",\"PHP\",\"Tutorial\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/\",\"name\":\"Membuat Menu Dinamis Class Active dengan PHP - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/menu-dinamis-php-01.jpg\",\"datePublished\":\"2018-04-15T05:48:35+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/menu-dinamis-php-01.jpg\",\"contentUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/menu-dinamis-php-01.jpg\",\"width\":2500,\"height\":1208,\"caption\":\"Membuat Menu Dinamis Class Active dengan PHP\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-menu-dinamis-class-active-dengan-php\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membuat Menu Dinamis Class Active dengan PHP\"}]},{\"@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 Menu Dinamis Class Active dengan PHP - 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-menu-dinamis-class-active-dengan-php\/","og_locale":"en_GB","og_type":"article","og_title":"Membuat Menu Dinamis Class Active dengan PHP - YELLOWWEB.ID","og_description":"Halo teman-teman kita berjumpa kembali di Blog YELLOWWEB.ID ini. Untuk tutorial kali ini kita akan mencoba bagaimana membuat menu dinamis, biasanya menggunakan Class active CSS. Menu yang akan kita buat nanti akan kita kombinasikan dengan file sintaks PHP. Yang bertujuan agar kita tidak melakukan prubahan perhalaman, saat adanya penambahan pada pilihan menu. Penjelasan detailnya sebagai […]","og_url":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2018-04-15T05:48:35+00:00","og_image":[{"width":2500,"height":1208,"url":"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/04\/menu-dinamis-php-01.jpg?fit=2500%2C1208&ssl=1","type":"image\/jpeg"}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"Membuat Menu Dinamis Class Active dengan PHP","datePublished":"2018-04-15T05:48:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/"},"wordCount":312,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/04\/menu-dinamis-php-01.jpg","keywords":["class active","dinamis","dynamic page","menu","navigasi"],"articleSection":["CSS","HTML","PHP","Tutorial"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/","url":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/","name":"Membuat Menu Dinamis Class Active dengan PHP - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/04\/menu-dinamis-php-01.jpg","datePublished":"2018-04-15T05:48:35+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/#primaryimage","url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/04\/menu-dinamis-php-01.jpg","contentUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/04\/menu-dinamis-php-01.jpg","width":2500,"height":1208,"caption":"Membuat Menu Dinamis Class Active dengan PHP"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-menu-dinamis-class-active-dengan-php\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Membuat Menu Dinamis Class Active dengan PHP"}]},{"@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\/976","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=976"}],"version-history":[{"count":5,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/976\/revisions"}],"predecessor-version":[{"id":981,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/976\/revisions\/981"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media\/982"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=976"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=976"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}