{"id":54281,"date":"2025-04-08T15:50:29","date_gmt":"2025-04-08T08:50:29","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=54281"},"modified":"2025-05-15T15:44:19","modified_gmt":"2025-05-15T08:44:19","slug":"belajar-css-bagian-15","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/belajar-css-bagian-15\/","title":{"rendered":"Belajar CSS Bagian 15: Mengenal Properti CSS Float"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Pada belajar CSS bagian 14, kita telah belajar tentang apa itu <a href=\"https:\/\/www.rumahweb.com\/journal\/belajar-css-bagian-14\/\" target=\"_blank\" rel=\"noopener\" title=\"properti CSS position\">properti CSS position<\/a>. Dalam seri lanjutan belajar CSS bagian ke 15 ini, kita akan belajar mengenal apa itu properti CSS Float beserta contoh dan penggunaannya. Simak informasi berikut ini.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu Properti CSS Float?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">CSS float adalah salah satu properti CSS yang digunakan untuk mengatur posisi elemen agar melayang ke kiri atau kanan dari kontainer atau elemen HTML induknya. Misalnya, jika Anda ingin menempatkan gambar di sebelah kiri teks, maka Anda bisa menggunakan <code>float: left<\/code>. Jika Anda ingin menempatkan gambar disebelah kanan teks, maka Anda bisa menggunakan <code>float: right.<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dengan CSS float, elemen lain di halaman akan menyesuaikan posisinya mengelilingi elemen yang di-<em>float<\/em> kan. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fungsi utama CSS Float adalah membantu mengatur tata letak halaman secara lebih fleksibel, terutama saat menempatkan elemen berdampingan. Namun, Anda harus berhati-hati karena properti ini bisa memengaruhi struktur layout secara keseluruhan jika tidak dikontrol dengan benar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fungsi Properti CSS Float<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sebelum ada teknik modern, CSS Float sering digunakan untuk menyusun elemen secara horizontal. Salah satu contoh fungsi utama yaitu mengatur gambar agar teks bisa membungkusnya (misalnya gambar di kiri, teks di kanan). Untuk menggunakan property CSS Float, anda harus membuat sebuah elemen HTML dengan property:float.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut contohnya :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.container{\n  float: none;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Nilai Properti Dasar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Beberapa nilai properti yang sering digunakan yaitu:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>left <\/strong>berfungsi untuk membuat elemen berada di sebelah kiri dan elemen lainnya akan berada di kanan atau di sebelahnya.<\/li>\n\n\n\n<li><strong>right <\/strong>berfungsi untuk membuat elemen berada di sebelah kanan dan elemen lainnya akan berada di sebelah kiri atau di sebelahnya<\/li>\n\n\n\n<li><strong>none <\/strong>nilai default properti float.<\/li>\n\n\n\n<li><strong>inherit <\/strong>nilai Float akan mengikuti dari elemen induknya.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Kelebihan dan Kekurangan<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut beberapa kelebihan dan kekurangan penggunaan properti CSS float:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Kelebihan<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mudah digunakan untuk teks dan gambar.<\/li>\n\n\n\n<li>Membuat layout sederhana.<\/li>\n\n\n\n<li>Didukung semua <em>browser<\/em>.<\/li>\n\n\n\n<li>Ringan dan cepat.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Kekurangan<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Membutuhkan <code>clearfix<\/code> agar elemen induk dapat mengenali tinggi dari float.<\/li>\n\n\n\n<li>Kurang fleksibel untuk tampilan layout yang kompleks.<\/li>\n\n\n\n<li>Sudah mulai ketinggalan zaman.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Contoh Implementasi<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut adalah contoh <em>script <\/em>lengkap penggunaan Properti CSS Float yang telah diterapkan ke kode html.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt;Contoh CSS Float&lt;\/title&gt;\n    &lt;style&gt;\n    img {\n        float: left; \n        margin-right: 10px;\n    }\n    &lt;\/style&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n    &lt;img height=\"300\" src=\"pindah-hosting.png\" alt=\"Gambar\"&gt;\n    &lt;p&gt;Teks ini akan mengalir dan berada di sebelah kanan gambar.&lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Jika di test akses menggunakan <em>browser<\/em>, maka berikut tampilannya.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-1-1024x503.png\" alt=\"Property CSS Float\" class=\"wp-image-54283\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-1-1024x503.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-1-300x147.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-1-768x377.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-1-1536x754.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-1-370x182.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-1-270x133.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-1-570x280.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-1-740x363.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-1.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Menambahkan clearfix<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Setelah sebuah elemen html menggunakan properi float, elemen induknya bisa jadi tidak lagi mengenali tinggi dari elemen tersebut. Solusinya bisa dengan menggunakan teknik <code>clearfix<\/code>, berikut contoh <em>script <\/em>css:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code> .clearfix::after {\n    content: \"\";\n    clear: both;\n    display: block;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Sehingga kode lengkapnya menjadi sebagai berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt;Contoh CSS Float&lt;\/title&gt;\n    &lt;style&gt;\n    img {\n        float: left; \n        margin-right: 10px;\n    }\n    <strong>.clearfix<\/strong>::after {\n        content: \"\";\n        clear: both;\n        display: block;\n    }\n    &lt;\/style&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n    <strong>&lt;div class=\"container clearfix\"&gt;<\/strong>\n        &lt;img src=\"pindah-hosting.png\" alt=\"Gambar\"&gt;\n        &lt;p&gt;Teks ini akan mengalir dan berada di sebelah kanan gambar.&lt;\/p&gt;\n    <strong>&lt;\/div&gt;<\/strong>\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Hal ini akan membuat properti float berada di dalam kontainer <code>clearfix<\/code>. Perbedaannya seperti pada screenshoot berikut:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tidak menggunakan clearfix<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-2-1024x509.png\" alt=\"Property CSS Float tanpa clearfix\" class=\"wp-image-54284\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-2-1024x509.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-2-300x149.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-2-768x382.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-2-1536x764.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-2-370x184.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-2-270x134.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-2-570x283.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-2-740x368.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-2.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dari gambar di atas, elemen induk\/<em>container <\/em>tidak mengenali tinggi elemen yang menggunakan properti <code>float<\/code>. Elemen yang menggunakan float yaitu elemen <strong>img<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Menggunakan clearfix<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-3-1024x506.png\" alt=\"Belajar CSS - Property CSS Float dengan clearfix\" class=\"wp-image-54285\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-3-1024x506.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-3-300x148.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-3-768x380.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-3-1536x760.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-3-370x183.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-3-270x134.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-3-570x282.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-3-740x366.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/image-3.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dari gambar di atas, elemen induk\/<em>container <\/em>mengenali tinggi elemen yang menggunakan properti <code>float<\/code>. Elemen yang menggunakan float yaitu elemen <strong>img<\/strong> sehingga akan mempermudah dalam melakukan <em>styling<\/em>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kesimpulan<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">CSS float sangat berguna dalam mengatur posisi elemen, terutama untuk mengelilingi gambar dengan teks atau membuat layout sederhana. Namun, dalam pengembangan modern, float telah banyak digantikan oleh properti yang lebih fleksibel seperti Flexbox dan CSS Grid, yang lebih mudah diatur untuk desain responsif dan kompleks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Demikian artikel belajar CSS bagian ke 15 yang menjelaskan tentang Properti CSS Float. Selanjutnya, Anda bisa belajar tentang <a href=\"https:\/\/www.rumahweb.com\/journal\/belajar-css-bagian-16\/\" target=\"_blank\" rel=\"noopener\" title=\"property z-index\">property z-index<\/a> pada seri lanjutannya, jangan sampai ketinggalan ya!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pada belajar CSS bagian 14, kita telah belajar tentang apa itu properti CSS position. Dalam seri lanjutan belajar CSS bagian ke 15 ini, kita akan belajar mengenal apa itu properti CSS Float beserta contoh dan penggunaannya. Simak informasi berikut ini. Apa itu Properti CSS Float? CSS float adalah salah satu properti CSS yang digunakan untuk [&hellip;]<\/p>\n","protected":false},"author":353,"featured_media":54338,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[1752,1751,2186],"class_list":["post-54281","post","type-post","status-publish","format-standard","has-post-thumbnail","category-web-design","tag-belajar-css","tag-css","tag-tutorial-css"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"Dalam seri lanjutan belajar CSS bagian ke 15 ini, kita akan belajar mengenal apa itu properti CSS Float beserta contoh dan penggunaannya. CSS Float adalah\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Dito Priwanto\"\/>\n\t<meta name=\"google-site-verification\" content=\"wPstUwU5246IbK_1PqwGrc1LoSDnB-9rPbcT8_vSNgQ\" \/>\n\t<meta name=\"keywords\" content=\"css float\u200b,apa itu css float\u200b,contoh css float\u200b,css float\u200b adalah,belajar css,css,tutorial css\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.rumahweb.com\/journal\/belajar-css-bagian-15\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"id_Id\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Rumahweb Journal \u2013 News, Article, and Tutorial of Web Dev\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Belajar CSS Bagian 15: Mengenal Properti CSS Float\" \/>\n\t\t<meta property=\"og:description\" content=\"Dalam seri lanjutan belajar CSS bagian ke 15 ini, kita akan belajar mengenal apa itu properti CSS Float beserta contoh dan penggunaannya. CSS Float adalah\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.rumahweb.com\/journal\/belajar-css-bagian-15\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/Banner-Belajar-css-bagian-15.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/Banner-Belajar-css-bagian-15.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"740\" \/>\n\t\t<meta property=\"og:image:height\" content=\"389\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-04-08T08:50:29+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-05-15T08:44:19+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RumahwebIndonesia\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@rumahwebtweet\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Belajar CSS Bagian 15: Mengenal Properti CSS Float\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Dalam seri lanjutan belajar CSS bagian ke 15 ini, kita akan belajar mengenal apa itu properti CSS Float beserta contoh dan penggunaannya. CSS Float adalah\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@rumahwebtweet\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/Banner-Belajar-css-bagian-15.png\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Belajar CSS Bagian 15: Mengenal Properti CSS Float","description":"Dalam seri lanjutan belajar CSS bagian ke 15 ini, kita akan belajar mengenal apa itu properti CSS Float beserta contoh dan penggunaannya. CSS Float adalah","canonical_url":"https:\/\/www.rumahweb.com\/journal\/belajar-css-bagian-15\/","robots":"max-image-preview:large","keywords":"css float\u200b,apa itu css float\u200b,contoh css float\u200b,css float\u200b adalah,belajar css,css,tutorial css","webmasterTools":{"google-site-verification":"wPstUwU5246IbK_1PqwGrc1LoSDnB-9rPbcT8_vSNgQ","miscellaneous":""},"schema":null,"og:locale":"id_Id","og:site_name":"Rumahweb Journal \u2013 News, Article, and Tutorial of Web Dev","og:type":"article","og:title":"Belajar CSS Bagian 15: Mengenal Properti CSS Float","og:description":"Dalam seri lanjutan belajar CSS bagian ke 15 ini, kita akan belajar mengenal apa itu properti CSS Float beserta contoh dan penggunaannya. CSS Float adalah","og:url":"https:\/\/www.rumahweb.com\/journal\/belajar-css-bagian-15\/","og:image":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/Banner-Belajar-css-bagian-15.png","og:image:secure_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/Banner-Belajar-css-bagian-15.png","og:image:width":740,"og:image:height":389,"article:published_time":"2025-04-08T08:50:29+00:00","article:modified_time":"2025-05-15T08:44:19+00:00","article:publisher":"https:\/\/www.facebook.com\/RumahwebIndonesia\/","twitter:card":"summary_large_image","twitter:site":"@rumahwebtweet","twitter:title":"Belajar CSS Bagian 15: Mengenal Properti CSS Float","twitter:description":"Dalam seri lanjutan belajar CSS bagian ke 15 ini, kita akan belajar mengenal apa itu properti CSS Float beserta contoh dan penggunaannya. CSS Float adalah","twitter:creator":"@rumahwebtweet","twitter:image":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/Banner-Belajar-css-bagian-15.png"},"aioseo_meta_data":{"post_id":"54281","title":null,"description":"Dalam seri lanjutan belajar CSS bagian ke 15 ini, kita akan belajar mengenal apa itu properti CSS Float beserta contoh dan penggunaannya. CSS Float adalah","keywords":[{"label":"css float\u200b","value":"css float\u200b"},{"label":"apa itu css float\u200b","value":"apa itu css float\u200b"},{"label":"contoh css float\u200b","value":"contoh css float\u200b"},{"label":"css float\u200b adalah","value":"css float\u200b adalah"}],"keyphrases":{"focus":{"keyphrase":"belajar css","score":91,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":2},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":9,"maxScore":9,"error":0},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":9,"maxScore":9,"error":0},"keywordDensity":{"type":"best","score":9,"maxScore":9,"error":0}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","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":null,"twitter_use_og":false,"twitter_card":"default","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":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"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","location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2025-04-05 05:08:30","updated":"2026-04-19 06:55:04","seo_analyzer_scan_date":null},"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/54281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/353"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=54281"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/54281\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/54338"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=54281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=54281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=54281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}