{"id":7480,"date":"2018-12-07T12:09:16","date_gmt":"2018-12-07T12:09:16","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=7480"},"modified":"2019-07-05T13:11:59","modified_gmt":"2019-07-05T13:11:59","slug":"membuat-menu-navigasi-vertikal-sederhana-2","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/","title":{"rendered":"Membuat Menu Navigasi Vertikal Sederhana"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>Assalamualaikum Wr. Wb.<\/p>\n<p>Sahabat Webhozz dimanapun berada, kali ini kita akan bahas sedikit mengenai dasar dalam CSS. Disini kita akan membuat menu navigasi sederhana. Sebuah web tentunya pasti punya menu navigasi, yang memiliki kesan akan konten apa saja yang dimuat dalam sebuah web. Biasanya masing-masing konten tersebut bisa memberikan pesan informasi juga kepada pengunjung web, hingga mudah untuk dimengerti oleh pengunjung web.<\/p>\n<p>Pada kesempatan kali ini, kita akan membuat menu navigasi vertikal. Yang mana navigasi ini berisi menu pilihan yang berada di samping dalam sebuah halaman website. Oke, langsung aja kita persiapan untuk memulai.<!--more--><\/p>\n<p>1. Pertama-tama, silahkan buat dulu file dengan format html. Kemudian ketikkan kode html berikut.<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">&lt;nav class=&quot;vertikal&quot;&gt;\r\n\t&lt;ul&gt;\r\n\t\t&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Islam&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Ekonomi&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Kesehatan&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Motivasi&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Travelling&lt;\/a&gt;&lt;\/li&gt;\r\n\t&lt;\/ul&gt;\r\n&lt;\/nav&gt;<\/pre>\n<p>Kemudian jalankan di browsernya, maka akan tampil sebagai berikut.<\/p>\n<p><a href=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-html.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-7481\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-html.png\" alt=\"\" width=\"355\" height=\"216\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-html.png 355w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-html-300x183.png 300w\" sizes=\"(max-width: 355px) 100vw, 355px\" \/><\/a><\/p>\n<p>2. Kemudian buat file cssnya, dan berikan script kodenya seperti berikut.<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">.vertikal ul\r\n{\r\n\tlist-style-type: none;\r\n\tborder: 1px solid black;\r\n\twidth: 200px;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tfont-family: arial;\r\n\tfont-size: 16px;\r\n\tfont-weight: bold;\r\n\tbackground-color: crimson;\r\n}\r\n\r\n.vertikal ul li a\r\n{\r\n\tdisplay: block;\r\n\tcolor: white;\r\n\tmargin: 5px 7px;\r\n\ttext-decoration: none;\r\n\tborder-bottom: 1px solid black;\r\n\tpadding: 5px;\r\n}\r\n\r\n.vertikal ul li a:hover\r\n{\r\n\tbackground-color: orange;\r\n}<\/pre>\n<p>3. Kemudian masukkan kode berikut, pada file html yang telah kita buat. Supaya file html dan css terhubung.<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">&lt;link rel=&quot;stylesheet&quot; type=&quot;text\/css&quot; href=&quot;nama_file_css&quot;&gt;<\/pre>\n<p>Sehingga, seperti inilah kode secara keseluruhan pada html.<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">&lt;link rel=&quot;stylesheet&quot; type=&quot;text\/css&quot; href=&quot;nama_file_css&quot;&gt;\r\n&lt;nav class=&quot;vertikal&quot;&gt;\r\n\t&lt;ul&gt;\r\n\t\t&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Islam&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Ekonomi&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Kesehatan&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Motivasi&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Travelling&lt;\/a&gt;&lt;\/li&gt;\r\n\t&lt;\/ul&gt;\r\n&lt;\/nav&gt;<\/pre>\n<p>Dan seperti inilah hasilnya saat dijalankan di browser.<\/p>\n<p><a href=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-css.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-7482\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-css.png\" alt=\"\" width=\"377\" height=\"253\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-css.png 377w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-css-300x201.png 300w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/a><\/p>\n<p>Kemudian saat navigasinya disentuh oleh mouse, maka akan menjadi seperti ini.<\/p>\n<p><a href=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-hasil.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-7483\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-hasil.png\" alt=\"\" width=\"428\" height=\"286\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-hasil.png 428w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/tampilan-hasil-300x200.png 300w\" sizes=\"(max-width: 428px) 100vw, 428px\" \/><\/a><\/p>\n<p>Jadi seperti itulah tata cara pembuatan menu navigasi vertikal secara sederhana. Pada beberapa script kode tersebut, ada beberapa fungsi yang mencakup lebar, margin, font, hingga warna dan lain-lain sudah diurai disini.<br \/>\nJadi, Alhamdulillah demikianlah tutorial kita pada kali ini. Akhir kata semoga bermanfaat ya. Amin.<\/p>\n<p>Created by : Danny Julian Pratama<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Assalamualaikum Wr. Wb. Sahabat Webhozz dimanapun berada, kali ini kita akan bahas sedikit mengenai dasar dalam CSS. Disini kita akan membuat menu navigasi sederhana.<\/p>\n","protected":false},"author":15,"featured_media":8488,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[2671,2672,2274],"class_list":["post-7480","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-web-design","tag-bagaimana-membuat-menu-navigasi-vertikal","tag-cara-membuat-menu-navigasi-vertikal","tag-membuat-menu-navigasi-vertikal-sederhana"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Membuat Menu Navigasi Vertikal Sederhana - WebHozz Blog<\/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.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Menu Navigasi Vertikal Sederhana - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"&nbsp; Assalamualaikum Wr. Wb. Sahabat Webhozz dimanapun berada, kali ini kita akan bahas sedikit mengenai dasar dalam CSS. Disini kita akan membuat menu navigasi sederhana.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-07T12:09:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-05T13:11:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/Optimized-Vertical-Navigation-Menu.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. 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.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/c14789b713aefdff4189815a3655a941\"},\"headline\":\"Membuat Menu Navigasi Vertikal Sederhana\",\"datePublished\":\"2018-12-07T12:09:16+00:00\",\"dateModified\":\"2019-07-05T13:11:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/\"},\"wordCount\":508,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/12\\\/Optimized-Vertical-Navigation-Menu.jpg\",\"keywords\":[\"bagaimana membuat menu navigasi vertikal\",\"cara membuat menu navigasi vertikal\",\"Membuat Menu Navigasi Vertikal Sederhana\"],\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/\",\"name\":\"Membuat Menu Navigasi Vertikal Sederhana - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/12\\\/Optimized-Vertical-Navigation-Menu.jpg\",\"datePublished\":\"2018-12-07T12:09:16+00:00\",\"dateModified\":\"2019-07-05T13:11:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/12\\\/Optimized-Vertical-Navigation-Menu.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/12\\\/Optimized-Vertical-Navigation-Menu.jpg\",\"width\":640,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-menu-navigasi-vertikal-sederhana-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membuat Menu Navigasi Vertikal Sederhana\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/c14789b713aefdff4189815a3655a941\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/farry\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Membuat Menu Navigasi Vertikal Sederhana - WebHozz Blog","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.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/","og_locale":"en_US","og_type":"article","og_title":"Membuat Menu Navigasi Vertikal Sederhana - WebHozz Blog","og_description":"&nbsp; Assalamualaikum Wr. Wb. Sahabat Webhozz dimanapun berada, kali ini kita akan bahas sedikit mengenai dasar dalam CSS. Disini kita akan membuat menu navigasi sederhana.","og_url":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/","og_site_name":"WebHozz Blog","article_published_time":"2018-12-07T12:09:16+00:00","article_modified_time":"2019-07-05T13:11:59+00:00","og_image":[{"width":640,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/Optimized-Vertical-Navigation-Menu.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/c14789b713aefdff4189815a3655a941"},"headline":"Membuat Menu Navigasi Vertikal Sederhana","datePublished":"2018-12-07T12:09:16+00:00","dateModified":"2019-07-05T13:11:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/"},"wordCount":508,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/Optimized-Vertical-Navigation-Menu.jpg","keywords":["bagaimana membuat menu navigasi vertikal","cara membuat menu navigasi vertikal","Membuat Menu Navigasi Vertikal Sederhana"],"articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/","url":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/","name":"Membuat Menu Navigasi Vertikal Sederhana - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/Optimized-Vertical-Navigation-Menu.jpg","datePublished":"2018-12-07T12:09:16+00:00","dateModified":"2019-07-05T13:11:59+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/Optimized-Vertical-Navigation-Menu.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/12\/Optimized-Vertical-Navigation-Menu.jpg","width":640,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/membuat-menu-navigasi-vertikal-sederhana-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Membuat Menu Navigasi Vertikal Sederhana"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/c14789b713aefdff4189815a3655a941","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/farry\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/7480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=7480"}],"version-history":[{"count":5,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/7480\/revisions"}],"predecessor-version":[{"id":8487,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/7480\/revisions\/8487"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/8488"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=7480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=7480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=7480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}