{"id":11777,"date":"2022-08-23T14:14:59","date_gmt":"2022-08-23T14:14:59","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=11777"},"modified":"2023-05-19T08:21:47","modified_gmt":"2023-05-19T08:21:47","slug":"belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/","title":{"rendered":"Belajar jQuery: Membuat Slideshow Banner dengan SlickJS"},"content":{"rendered":"\n

Pada kesempatan kali ini kita akan membuat slider.<\/p>\n\n\n\n

Apakah itu???<\/p>\n\n\n\n

Tentunya kita pernah melihat dalam sebuah website ada banner yang bisa bergerak ke kiri ke kanan atau sebaliknya.<\/p>\n\n\n\n

Dilengkapi dengan navigasi di kiri dan kanan sebagai penanda ke slide yang sebelumnya atau yang selanjutnya.<\/p>\n\n\n\n

Nah, pernah lihat kan???<\/p>\n\n\n\n

Jadi itulah slider.<\/p>\n\n\n\n

Maka dari itu pada tutorial ini, kita akan membuat slider.<\/p>\n\n\n\n

Kita akan membuat slider menggunakan Slick Slider.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Slick Slider adalah salah satu framework dari JQuery yang sudah siap untuk dipakai.<\/p>\n\n\n\n

Jadi kita akan dipermudah untuk membuat slide dengan bantuan Slick Slider ini.<\/p>\n\n\n\n

Oke langsung aja ya, kita mulai.<\/p>\n\n\n\n

  1. Download file-file pendukung Slick Slider disini (https:\/\/kenwheeler.github.io\/slick\/). Klik pada menu \u201cget it now\u201d.<\/li><\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    2. Klik Download, setelah itu extract filenya. Maka akan ada folder \u201cslick-1.8.1\u201d.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    3. Buka folder tersebut, lalu ada folder \u201cslick\u201d.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    4. Dalam folder \u201cslick\u201d, ada file-file pendukungnya. Oke lalu copykan folder ini ke dalam folder project website yang akan kita buat.<\/p>\n\n\n\n

    5. Ketikkan script HTML berikut.<\/p>\n\n\n

    \n<!DOCTYPE html>\n<html lang="en">\n \n<head>\n    <meta charset="UTF-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <meta http-equiv="X-UA-Compatible" content="ie=edge">\n    <title>Slick<\/title>\n<\/head>\n \n<body>\n \n     \n<\/body>\n \n<\/html>\n<\/pre><\/div>\n\n\n
    6. Panggil file pendukung JQuery. Disini kita menggunakan JQuery versi 1.11.0. Kita menggunakannya secara online.<\/p>\n\n\n
    \n<script src="http:\/\/code.jquery.com\/jquery-1.11.0.min.js"><\/script>\n<\/pre><\/div>\n\n\n
    7. Kita buat CSS tambahan untuk mendukung \u201cSlick\u201d. Langkah ini tidak terlalu wajib diikuti.<\/p>\n\n\n
    \n<style>\n        body\n        {\n            background-color: dodgerblue;\n        }\n \n        .selik\n        {\n            width: 50%;\n            margin: auto;\n        }\n \n        .selik img\n        {\n            width: 70%;\n            display: block;\n            margin: auto;\n        }\n    <\/style>\n<\/pre><\/div>\n\n\n
    8. Panggil file-file pendukung dari folder \u201cslick\u201d.<\/p>\n\n\n
    \n\/\/file css\n    <link rel="stylesheet" type="text\/css" href="slick\/slick.css"\/>\n    <link rel="stylesheet" type="text\/css" href="slick\/slick-theme.css"\/>\n \n    \/\/file js\n    <script src="slick\/slick.min.js"><\/script>\n<\/pre><\/div>\n\n\n
    9. Lalu siapkan gambar yang akan dijadikan objek slide banner, kemudian masukkan ke dalam folder project.<\/p>\n\n\n\n
    10. Buat script kode HTML untuk menggerakkan foto-foto slide.<\/p>\n\n\n
    \n<div class="selik">\n        <div>\n            <img src="Chrysanthemum.jpg">\n        <\/div>\n        <div>\n            <img src="Desert.jpg">\n        <\/div>\n        <div>\n            <img src="Jellyfish.jpg">\n        <\/div>\n   <\/div>\n<\/pre><\/div>\n\n\n
    11. Selanjutnya kita buat script jQuery-nya.<\/p>\n\n\n
    \n<script>\n        $(document).ready(function()\n        {\n            $('.selik').slick();\n        });\n    <\/script>\n<\/pre><\/div>\n\n\n
    12. Beginilah script kode keseluruhan.<\/p>\n\n\n
    \n<!DOCTYPE html>\n<html lang="en">\n \n<head>\n    <meta charset="UTF-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <meta http-equiv="X-UA-Compatible" content="ie=edge">\n    <title>Slick<\/title>\n    <link rel="stylesheet" type="text\/css" href="slick\/slick.css"\/>\n    <link rel="stylesheet" type="text\/css" href="slick\/slick-theme.css"\/>\n    <style>\n        body\n        {\n            background-color: dodgerblue;\n        }\n \n        .selik\n        {\n            width: 50%;\n            margin: auto;\n        }\n \n        .selik img\n        {\n            width: 70%;\n            display: block;\n            margin: auto;\n        }\n    <\/style>\n<\/head>\n \n<body>\n \n    <div class="selik">\n        <div>\n            <img src="Chrysanthemum.jpg">\n        <\/div>\n        <div>\n            <img src="Desert.jpg">\n        <\/div>\n        <div>\n            <img src="Jellyfish.jpg">\n        <\/div>\n    <\/div>\n    <script src="http:\/\/code.jquery.com\/jquery-1.11.0.min.js"><\/script>\n    <script src="slick\/slick.min.js"><\/script>\n    <script>\n        $(document).ready(function()\n        {\n            $('.selik').slick();\n        });\n    <\/script>\n<\/body>\n \n<\/html>\n<\/pre><\/div>\n\n\n
    13. Maka beginilah hasil akhirnya.<\/p>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    Nah, kira-kira begitulah caranya.<\/p>\n\n\n\n
    Selamat mencoba dan semoga bermanfaat ya\u2026<\/p>\n\n\n\n
    <\/p>\n","protected":false},"excerpt":{"rendered":"
    Pada kesempatan kali ini kita akan membuat slider. Apakah itu??? Tentunya kita pernah melihat dalam sebuah website ada banner yang bisa bergerak ke kiri ke<\/p>\n","protected":false},"author":1,"featured_media":11743,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[4375,4380,4378,4379,4377,4376],"class_list":["post-11777","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-web-design","tag-belajar-jquery-membuat-slideshow-banner-dengan-slickjs","tag-belajar-jquery-membuat-slideshow-banner-dengan-slickjs-pemula","tag-kursus-jquery-membuat-slideshow-banner-dengan-slickjs-bandung","tag-kursus-jquery-membuat-slideshow-banner-dengan-slickjs-jakarta","tag-tutorial-jquery-membuat-slideshow-banner-dengan-slickjs","tag-tutorial-jquery-membuat-slideshow-banner-dengan-slickjs-pemula"],"yoast_head":"\nBelajar jQuery: Membuat Slideshow Banner dengan SlickJS - 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\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Belajar jQuery: Membuat Slideshow Banner dengan SlickJS - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Pada kesempatan kali ini kita akan membuat slider. Apakah itu??? Tentunya kita pernah melihat dalam sebuah website ada banner yang bisa bergerak ke kiri ke\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-23T14:14:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-19T08:21:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\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\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\"},\"headline\":\"Belajar jQuery: Membuat Slideshow Banner dengan SlickJS\",\"datePublished\":\"2022-08-23T14:14:59+00:00\",\"dateModified\":\"2023-05-19T08:21:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/\"},\"wordCount\":243,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/jQuery_1.jpg\",\"keywords\":[\"Belajar jQuery Membuat Slideshow Banner dengan SlickJS\",\"Belajar jQuery Membuat Slideshow Banner dengan SlickJS Pemula\",\"Kursus jQuery Membuat Slideshow Banner dengan SlickJS Bandung\",\"Kursus jQuery Membuat Slideshow Banner dengan SlickJS Jakarta\",\"Tutorial jQuery Membuat Slideshow Banner dengan SlickJS\",\"Tutorial jQuery Membuat Slideshow Banner dengan SlickJS Pemula\"],\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/\",\"name\":\"Belajar jQuery: Membuat Slideshow Banner dengan SlickJS - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/jQuery_1.jpg\",\"datePublished\":\"2022-08-23T14:14:59+00:00\",\"dateModified\":\"2023-05-19T08:21:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/jQuery_1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/jQuery_1.jpg\",\"width\":\"750\",\"height\":\"400\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Belajar jQuery: Membuat Slideshow Banner dengan SlickJS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web & 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\\\/d5f539ad171dc74baaf6a98dfef6fcef\",\"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\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Belajar jQuery: Membuat Slideshow Banner dengan SlickJS - 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\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/","og_locale":"en_US","og_type":"article","og_title":"Belajar jQuery: Membuat Slideshow Banner dengan SlickJS - WebHozz Blog","og_description":"Pada kesempatan kali ini kita akan membuat slider. Apakah itu??? Tentunya kita pernah melihat dalam sebuah website ada banner yang bisa bergerak ke kiri ke","og_url":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/","og_site_name":"WebHozz Blog","article_published_time":"2022-08-23T14:14:59+00:00","article_modified_time":"2023-05-19T08:21:47+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.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\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef"},"headline":"Belajar jQuery: Membuat Slideshow Banner dengan SlickJS","datePublished":"2022-08-23T14:14:59+00:00","dateModified":"2023-05-19T08:21:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/"},"wordCount":243,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.jpg","keywords":["Belajar jQuery Membuat Slideshow Banner dengan SlickJS","Belajar jQuery Membuat Slideshow Banner dengan SlickJS Pemula","Kursus jQuery Membuat Slideshow Banner dengan SlickJS Bandung","Kursus jQuery Membuat Slideshow Banner dengan SlickJS Jakarta","Tutorial jQuery Membuat Slideshow Banner dengan SlickJS","Tutorial jQuery Membuat Slideshow Banner dengan SlickJS Pemula"],"articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/","url":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/","name":"Belajar jQuery: Membuat Slideshow Banner dengan SlickJS - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.jpg","datePublished":"2022-08-23T14:14:59+00:00","dateModified":"2023-05-19T08:21:47+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.jpg","width":"750","height":"400"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/belajar-jquery-membuat-slideshow-banner-dengan-slickjs-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Belajar jQuery: Membuat Slideshow Banner dengan SlickJS"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web & 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\/d5f539ad171dc74baaf6a98dfef6fcef","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\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11777","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=11777"}],"version-history":[{"count":2,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11777\/revisions"}],"predecessor-version":[{"id":12467,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11777\/revisions\/12467"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/11743"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=11777"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=11777"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=11777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}