{"id":5283,"date":"2017-09-22T09:10:16","date_gmt":"2017-09-22T09:10:16","guid":{"rendered":"http:\/\/www.webhozz.com\/blog\/?p=5283"},"modified":"2019-07-08T06:38:46","modified_gmt":"2019-07-08T06:38:46","slug":"membuat-tabel-dinamis-dengan-jquery-data-table","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/","title":{"rendered":"Membuat Tabel Dinamis Dengan jQuery Data Table"},"content":{"rendered":"

Assalamualaikum Wr. Wb.<\/strong><\/p>\n

Alhamdulillah, kali ini Webhozz akan berbagi ilmu lagi. Kali ini kita akan belajar tentang JQuery. Dan disini kita akan belajar membuat tabel yang dinamis. Namanya adalah JQuery Datatable.<\/p>\n

Datatable adalah sebuah plugin yang dibangun oleh JQuery yang sudah meliputi search, paging, hingga penomoran otomatis di tabel yang nanti kita buat. Makanya disini kita sebut tabel dinamis.<\/p>\n

Mempelajari datatable ini sangat mudah. Kita tinggal download aja pluginnya. Dan pluginnya sudah lengkap dengan file css dan javascript. Jadi, kita hanya memanggil beberapa classnya aja. Untuk download filenya, bisa dengan mengunjungi website resminya disini (https:\/\/datatables.net\/<\/a>).<\/p>\n

Jika kita menggunakan bahasa HTML maupun PHP, datatable tetap bisa digunakan.<\/p>\n

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

    \n
  1. Pertama-tama, kita buat dulu file baru. Sebagai contoh databel.html<\/strong>. Seperti biasa, kita isi dulu dengan tag html awal.<\/li>\n<\/ol>\n

    \"\"<\/a><\/p>\n

    2. Kemudian download file datatablenya pada website resminya (https:\/\/datatables.net\/download\/index<\/a>). Jika sudah dibuka linknya, silahkan scroll ke bawah hingga ada pilihan downloadnya seperti gambar di bawah ini.<\/p>\n

    \"\"<\/a><\/p>\n

    3. Jika sudah didownload, kemudian buka filenya pada direktori download. Selanjutnya silahkan klik kanan pilih Extract to DataTables.\u00a0<\/strong><\/p>\n

    \"\"<\/a><\/p>\n

    4. Copy folder hasil extract tadi ke dalam folder dimana kita menyimpan html<\/strong> tadi.<\/p>\n

    \"\"<\/a><\/p>\n

    5. Selanjutnya, kita buka file HTML kita tadi. Kita isi pada tag <body><\/body>. Kita isi dengan perintah table.<\/p>\n

    \"\"<\/a><\/p>\n

    Maka jadinya seperti ini.<\/p>\n

    \"\"<\/a><\/p>\n

    6. Kemudian download file Jquery disini(https:\/\/jquery.com\/download\/<\/u>), dan satukan file jquerynya jadi satu folder dengan html<\/strong>, seperti langkah no. 4.<\/p>\n

    7. Selanjutnya pada tag <head><\/head>, kita panggil file pendukung datatablenya yang berupa CSS dan JAVASCRIPT dari datatable dan jquery tadi.<\/p>\n

    <script type=”text\/javascript” src=”jquery-3.2.1.min.js”><\/script><\/p>\n

    <link rel=”stylesheet” type=”text\/css” href=”DataTables\/datatables.min.css”><\/p>\n

    <script type=”text\/javascript” src=”DataTables\/datatables.min.js”><\/script><\/p>\n

    8. Kemudian tambahkan script berikut ini di tag <head><\/head>, tepat di bawah pemanggilan file yang tadi.<\/p>\n

    <script type=”text\/javascript”><\/p>\n

    $(document).ready(function()<\/p>\n

    {<\/p>\n

    $(‘#myTable’).DataTable();<\/p>\n

    });<\/p>\n

    <\/script><\/p>\n

    9. Selanjutnya pada tag <table><\/table>. Panggil fungsi datatable yang tadi pada tag <head><\/head> supaya tabelnya berubah. Seperti di bawah ini.<\/p>\n

    <table id=”myTable”><\/p>\n

    10. Maka dari itu, jika semua disatukan maka tampilan kode secara keseluruhan.<\/p>\n

    \"\"<\/a><\/p>\n

    Saat dijalankan di browser, maka tampilan tabelnya jadi seperti ini.<\/p>\n

    \"\"<\/a><\/p>\n

    Nah, tampilan tabel yang kita buat tadi jadi lebih dinamis dan praktis. Tentunya sangat efisien dalam pencarian data.<\/p>\n

     <\/p>\n

    Alhamdulillah untuk postingan kita kali ini. Silahkan mencoba dan semoga bermanfaat ya, Amin.<\/p>\n

     <\/p>\n

    Wassalamualaikum Wr. Wb.\u00a0<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

    Assalamualaikum Wr. Wb. Alhamdulillah, kali ini Webhozz akan berbagi ilmu lagi. Kali ini kita akan belajar tentang JQuery. Dan disini kita akan belajar membuat tabel<\/p>\n","protected":false},"author":1,"featured_media":4758,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[2127,2129,2125,2128,2124,2122,2126,2121,2123,793],"class_list":["post-5283","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-web-design","tag-bisa-dengan-mengunjungi-website-resminya-disini-httpsdatatables-net","tag-datatable-tetap-bisa-digunakan","tag-hingga-penomoran-otomatis-di-tabel-yang-nanti-kita-buat","tag-jika-kita-menggunakan-bahasa-html-maupun-php","tag-jquery-yang-sudah-meliputi-search","tag-kali-ini-kita-akan-belajar-tentang-jquery","tag-kita-tinggal-download-aja-pluginnya-dan-pluginnya-sudah-lengkap-dengan-file-css-dan-javascript","tag-membuat-tabel-dinamis-dengan-jquery-data-table","tag-namanya-adalah-jquery-datatable","tag-paging"],"yoast_head":"\nMembuat Tabel Dinamis Dengan jQuery Data Table - 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-tabel-dinamis-dengan-jquery-data-table\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Tabel Dinamis Dengan jQuery Data Table - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Assalamualaikum Wr. Wb. Alhamdulillah, kali ini Webhozz akan berbagi ilmu lagi. Kali ini kita akan belajar tentang JQuery. Dan disini kita akan belajar membuat tabel\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-22T09:10:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-08T06:38:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/07\/twbannersjquery.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"570\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\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=\"2 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-tabel-dinamis-dengan-jquery-data-table\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-tabel-dinamis-dengan-jquery-data-table\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\"},\"headline\":\"Membuat Tabel Dinamis Dengan jQuery Data Table\",\"datePublished\":\"2017-09-22T09:10:16+00:00\",\"dateModified\":\"2019-07-08T06:38:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-tabel-dinamis-dengan-jquery-data-table\\\/\"},\"wordCount\":435,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-tabel-dinamis-dengan-jquery-data-table\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/twbannersjquery.jpg\",\"keywords\":[\"bisa dengan mengunjungi website resminya disini (https:\\\/\\\/datatables.net\\\/)\",\"datatable tetap bisa digunakan\",\"hingga penomoran otomatis di tabel yang nanti kita buat\",\"Jika kita menggunakan bahasa HTML maupun PHP\",\"JQuery yang sudah meliputi search\",\"Kali ini kita akan belajar tentang JQuery\",\"Kita tinggal download aja pluginnya. Dan pluginnya sudah lengkap dengan file css dan javascript\",\"MEMBUAT TABEL DINAMIS DENGAN JQUERY DATA TABLE\",\"Namanya adalah JQuery Datatable\",\"paging\"],\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-tabel-dinamis-dengan-jquery-data-table\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-tabel-dinamis-dengan-jquery-data-table\\\/\",\"name\":\"Membuat Tabel Dinamis Dengan jQuery Data Table - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-tabel-dinamis-dengan-jquery-data-table\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-tabel-dinamis-dengan-jquery-data-table\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/twbannersjquery.jpg\",\"datePublished\":\"2017-09-22T09:10:16+00:00\",\"dateModified\":\"2019-07-08T06:38:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-tabel-dinamis-dengan-jquery-data-table\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-tabel-dinamis-dengan-jquery-data-table\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-tabel-dinamis-dengan-jquery-data-table\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/twbannersjquery.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/twbannersjquery.jpg\",\"width\":570,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-tabel-dinamis-dengan-jquery-data-table\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membuat Tabel Dinamis Dengan jQuery Data Table\"}]},{\"@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":"Membuat Tabel Dinamis Dengan jQuery Data Table - 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-tabel-dinamis-dengan-jquery-data-table\/","og_locale":"en_US","og_type":"article","og_title":"Membuat Tabel Dinamis Dengan jQuery Data Table - WebHozz Blog","og_description":"Assalamualaikum Wr. Wb. Alhamdulillah, kali ini Webhozz akan berbagi ilmu lagi. Kali ini kita akan belajar tentang JQuery. Dan disini kita akan belajar membuat tabel","og_url":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/","og_site_name":"WebHozz Blog","article_published_time":"2017-09-22T09:10:16+00:00","article_modified_time":"2019-07-08T06:38:46+00:00","og_image":[{"width":570,"height":300,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/07\/twbannersjquery.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef"},"headline":"Membuat Tabel Dinamis Dengan jQuery Data Table","datePublished":"2017-09-22T09:10:16+00:00","dateModified":"2019-07-08T06:38:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/"},"wordCount":435,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/07\/twbannersjquery.jpg","keywords":["bisa dengan mengunjungi website resminya disini (https:\/\/datatables.net\/)","datatable tetap bisa digunakan","hingga penomoran otomatis di tabel yang nanti kita buat","Jika kita menggunakan bahasa HTML maupun PHP","JQuery yang sudah meliputi search","Kali ini kita akan belajar tentang JQuery","Kita tinggal download aja pluginnya. Dan pluginnya sudah lengkap dengan file css dan javascript","MEMBUAT TABEL DINAMIS DENGAN JQUERY DATA TABLE","Namanya adalah JQuery Datatable","paging"],"articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/","url":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/","name":"Membuat Tabel Dinamis Dengan jQuery Data Table - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/07\/twbannersjquery.jpg","datePublished":"2017-09-22T09:10:16+00:00","dateModified":"2019-07-08T06:38:46+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/07\/twbannersjquery.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/07\/twbannersjquery.jpg","width":570,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/membuat-tabel-dinamis-dengan-jquery-data-table\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Membuat Tabel Dinamis Dengan jQuery Data Table"}]},{"@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\/5283","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=5283"}],"version-history":[{"count":3,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/5283\/revisions"}],"predecessor-version":[{"id":9073,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/5283\/revisions\/9073"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/4758"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=5283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=5283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=5283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}