{"id":1029,"date":"2018-07-21T11:39:39","date_gmt":"2018-07-21T04:39:39","guid":{"rendered":"https:\/\/www.yellowweb.id\/blog\/?p=1029"},"modified":"2018-07-21T11:39:39","modified_gmt":"2018-07-21T04:39:39","slug":"custom-list-style-font-awesome","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/","title":{"rendered":"Custom List Style &#8211; Font Awesome"},"content":{"rendered":"<p>Halo apa kabar teman-teman, artikel kali ini kita akan mencoba membuat sebuah list dengan menggunakan bantuan font-awesome. Font Awesome sendiri merupakan sekumpulan icon (tool kit) yang sudah disediakan secara gratis, jadi kita tinggal mengambilnya kemudian kita sedikit melakukan konfigurasi, supaya dapat diaktifkan.<\/p>\n<p>Bagi sebagian web developer, membuat list secara manual akan sangat merepotkan, karena disetiap tag HTML List kita merubah menambahkan icon satu-persatu. Ternyata ada triknya lho, kita bisa menggunakan <code>Pseudo CSS Before<\/code>.<\/p>\n<p>Langsung saja<\/p>\n<p>Buat file <code>index.html<\/code><\/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;List with Font Awesome | YELLOWWEB.ID - Kursus Web di Bekasi&lt;\/title&gt;\r\n\t&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"style.css\"&gt;\r\n\t&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/stackpath.bootstrapcdn.com\/font-awesome\/4.7.0\/css\/font-awesome.min.css\"&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\t&lt;div id=\"wrapper\"&gt;\r\n\t\t&lt;div id=\"menu\"&gt;\r\n\t\t\t&lt;h3&gt;Pilih Paket Kursus &lt;i class=\"fa fa-book\"&gt;&lt;\/i&gt;&lt;\/h3&gt;\r\n\t\t\t&lt;ol&gt;\r\n\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;Kursus Web Desain&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;Kursus Web Programming&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;Kursus Web Master&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;Kursus WordPress&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;Kursus Bootstrap&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t&lt;\/ol&gt;\r\n\t\t&lt;\/div&gt;\r\n\r\n\t\t&lt;em&gt;Untuk artikel yang lainnya silahkan kunjungi Blog kami di &lt;a class=\"btn-visit\" href=\"https:\/\/www.yellowweb.id\/blog\" target=\"_blank\"&gt;https:\/\/www.yellowweb.id\/blog&lt;\/a&gt;&lt;\/em&gt;\r\n\r\n\t&lt;\/div&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>kemudian buat file <code>style.css<\/code><\/p>\n<pre class=\"lang:default decode:true \" >@import url('https:\/\/fonts.googleapis.com\/css?family=Open+Sans:400,700');\r\n\r\n\/* CSS Reset *\/\r\n\r\n*{\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n\/* BODY *\/\r\nbody{\r\n    font-family: 'Open Sans', sans-serif;\r\n    font-family: 14px;\r\n}\r\n\r\n\/* WRAPPER *\/\r\n#wrapper{\r\n\t\/*background: #2ecc71;*\/\r\n\theight: 200px;\r\n\twidth: 450px;\r\n\tmargin: auto;\r\n\tmargin-top: 100px;\r\n}\r\n\r\n\/* MENU *\/\r\n#menu{\r\n\tbackground: #2c3e50;  \/* fallback for old browsers *\/\r\n\tbackground: -webkit-linear-gradient(to right, #3498db, #2c3e50);  \/* Chrome 10-25, Safari 5.1-6 *\/\r\n\tbackground: linear-gradient(to right, #3498db, #2c3e50); \/* W3C, IE 10+\/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *\/\r\n\r\n\r\n\theight: 200px;\r\n\tpadding: 20px;\r\n\tborder-radius: 10px;\r\n\tmargin-bottom: 10px;\r\n}\r\n\r\n#menu ol li{\r\n\tlist-style: none;\r\n\tline-height: 25px;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n#menu ol li:before{\r\n\tcontent: \"\\f0a4\";\r\n\tfont-family: FontAwesome;\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n\tfont-size: 14px;\r\n}\r\n\r\n#menu ol li a{\r\n\ttext-decoration: none;\r\n\tmargin-left: 5px;\r\n\tmargin-right: 5px;\r\n\tcolor: #ffffff;\r\n}\r\n\r\n#menu ol li a:hover{\r\n\tcolor: #000000;\r\n}\r\n\r\n#menu ol li:hover{\r\n\tcolor: #ffff00;\r\n}\r\n\r\nh3{\r\n\tfont-size: 25px;\r\n\tmargin-bottom: 10px;\r\n}\r\n\r\n.btn-visit{\r\n\ttext-decoration: none;\r\n\tcolor: red;\r\n}\r\n\r\n.btn-visit:hover{\r\n\tcolor: green;\r\n\ttext-decoration: underline;\r\n}\r\n\r\n<\/pre>\n<p>Pada tutorial diatas, secara otomatis list icon berubah. Kita tidak meletakkan pada tag HTML melainkan di CSS.<\/p>\n<p>Untuk sumbernya kalian bisa ambil disini:<br \/>\n1. <a href=\"https:\/\/fontawesome.com\/v4.7.0\/icons\/\" rel=\"noopener\" target=\"_blank\">Font Awesome Icon<\/a><br \/>\n2. <a href=\"http:\/\/astronautweb.co\/snippet\/font-awesome\/\" rel=\"noopener\" target=\"_blank\">Font Awesome Content Value<\/a><br \/>\n3. <a href=\"https:\/\/www.w3schools.com\/cssref\/sel_before.asp\" rel=\"noopener\" target=\"_blank\">Pseudo CSS Before<\/a><\/p>\n<p><iframe loading=\"lazy\" width=\"100%\" height=\"300\" src=\"\/\/jsfiddle.net\/miftahfs\/ydkcsw5m\/2\/embedded\/html,css,result\/\" allowfullscreen=\"allowfullscreen\" allowpaymentrequest frameborder=\"0\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Halo apa kabar teman-teman, artikel kali ini kita akan mencoba membuat sebuah list dengan menggunakan bantuan font-awesome. Font Awesome sendiri merupakan sekumpulan icon (tool kit) yang sudah disediakan secara gratis, jadi kita tinggal mengambilnya kemudian kita sedikit melakukan konfigurasi, supaya dapat diaktifkan. Bagi sebagian web developer, membuat list secara manual akan sangat merepotkan, karena disetiap [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1030,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[155,454],"tags":[458,457,8,455,13,456],"class_list":["post-1029","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bootstrap","category-font-awesome","tag-after","tag-before","tag-css","tag-font-awesome","tag-html","tag-pseudo-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Custom List Style - Font Awesome - 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\/custom-list-style-font-awesome\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom List Style - Font Awesome - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Halo apa kabar teman-teman, artikel kali ini kita akan mencoba membuat sebuah list dengan menggunakan bantuan font-awesome. Font Awesome sendiri merupakan sekumpulan icon (tool kit) yang sudah disediakan secara gratis, jadi kita tinggal mengambilnya kemudian kita sedikit melakukan konfigurasi, supaya dapat diaktifkan. Bagi sebagian web developer, membuat list secara manual akan sangat merepotkan, karena disetiap [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-21T04:39:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/07\/custom-list-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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"Custom List Style &#8211; Font Awesome\",\"datePublished\":\"2018-07-21T04:39:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/\"},\"wordCount\":116,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/custom-list-01.jpg\",\"keywords\":[\"after\",\"before\",\"css\",\"font awesome\",\"html\",\"pseudo css\"],\"articleSection\":[\"Bootstrap\",\"Font Awesome\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/\",\"name\":\"Custom List Style - Font Awesome - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/custom-list-01.jpg\",\"datePublished\":\"2018-07-21T04:39:39+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/custom-list-01.jpg\",\"contentUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/custom-list-01.jpg\",\"width\":2500,\"height\":1208,\"caption\":\"List Font Awesome\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/custom-list-style-font-awesome\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Custom List Style &#8211; Font Awesome\"}]},{\"@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":"Custom List Style - Font Awesome - 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\/custom-list-style-font-awesome\/","og_locale":"en_GB","og_type":"article","og_title":"Custom List Style - Font Awesome - YELLOWWEB.ID","og_description":"Halo apa kabar teman-teman, artikel kali ini kita akan mencoba membuat sebuah list dengan menggunakan bantuan font-awesome. Font Awesome sendiri merupakan sekumpulan icon (tool kit) yang sudah disediakan secara gratis, jadi kita tinggal mengambilnya kemudian kita sedikit melakukan konfigurasi, supaya dapat diaktifkan. Bagi sebagian web developer, membuat list secara manual akan sangat merepotkan, karena disetiap [&hellip;]","og_url":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2018-07-21T04:39:39+00:00","og_image":[{"width":2500,"height":1208,"url":"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/07\/custom-list-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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"Custom List Style &#8211; Font Awesome","datePublished":"2018-07-21T04:39:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/"},"wordCount":116,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/07\/custom-list-01.jpg","keywords":["after","before","css","font awesome","html","pseudo css"],"articleSection":["Bootstrap","Font Awesome"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/","url":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/","name":"Custom List Style - Font Awesome - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/07\/custom-list-01.jpg","datePublished":"2018-07-21T04:39:39+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/#primaryimage","url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/07\/custom-list-01.jpg","contentUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/07\/custom-list-01.jpg","width":2500,"height":1208,"caption":"List Font Awesome"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Custom List Style &#8211; Font Awesome"}]},{"@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\/1029","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=1029"}],"version-history":[{"count":1,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1029\/revisions"}],"predecessor-version":[{"id":1031,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1029\/revisions\/1031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media\/1030"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=1029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=1029"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=1029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}