{"id":18409,"date":"2023-09-22T08:48:14","date_gmt":"2023-09-22T08:48:14","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=18409"},"modified":"2023-09-22T08:48:14","modified_gmt":"2023-09-22T08:48:14","slug":"panduan-membuat-load-more-pada-website","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website","title":{"rendered":"Panduan Membuat Load More pada Website"},"content":{"rendered":"<p>Bagi kamu yang kerap mengakses website, pasti sering menemukan fitur <em>Load More<\/em>. Biasanya fitur ini ditampilkan di bagian tertentu agar audience dapat melihat tambahan informasi yang tersedia.<\/p>\n<p><em>Load More<\/em> merupakan bagian dari fitur <em>pagination<\/em>. Fitur <em>panigation<\/em> ini berfungsi untuk membatasi tampilan pada website supaya lebih efisien. Misalnya, informasi pada halaman website terlalu panjang, maka <em>pagination<\/em> akan membuatnya terlihat sebagian dan sisanya seolah disembunyikan. Sehingga tampilan website terlihat lebih baik dan rapi, serta lebih responsive saat diakses melalui berbagai perangkat. Untuk membuat tampilan website seperti itu Anda dapat memanfaatkan <em>framework<\/em>, seperti Laveral dan Codeigniter.<\/p>\n<p>Lantas, bagaimana cara membuat Load More menggunakan <em>framework<\/em>? Simak penjelasannya berikut ini!<\/p>\n<h2>Cara Membuat Load More melalui Lavarel dan Fitur VueJS<\/h2>\n<p><strong>1) Siapkan Komponen Pendukung<\/strong><\/p>\n<p>Umumnya, untuk memulai proses pembuatan Load More diperlukan web server, composer, dan node Js. Maka dari itu, bagi Anda yang belum mempunyai ketiga komponen pendukung tersebut Anda bisa menginstalnya terlebih dahulu supaya dapat memudahkan proses pembuatan fiturnya nanti.<\/p>\n<p><strong>2) Install Laveral dengan Composer<\/strong><\/p>\n<p>Selanjutnya, Anda diharuskan untuk install Laveral versi terbaru dengan menggunakan Composer. Caranya cukup dengan mengetik perintah pada Composer untuk kemudian segera memasuki direktori projek yang dibuat.<\/p>\n<p><strong>3) Install Node Js dan Paket Pendukungnya<\/strong><\/p>\n<p>Setelah masuk ke direktori projek, lanjutkan proses install paket Laveral UI. Lalu lanjutkan dengan menginstall komponen VueJS, komponen npm, serta komponen Vue Axios. Dan jangan lupa juga untuk menginstall Vue Router serta MomentJs. Dengan demikian, persiapan awal telah selesai dilakukan.<\/p>\n<p><strong>4) Tambahkan Route Web dan API<\/strong><\/p>\n<p>Langkah selanjutnya, yaitu menambahkan Route Web dan API. Anda dapat melakukannya dengan membuka file web.php pada direktori Routes. Lalu lanjutkan dengan menambahkan beberapa script api.php pada direktori yang sama.<\/p>\n<p><strong>5) Buat Tampilan Utama<\/strong><\/p>\n<p>Tampilan utama ini berupa template. Buatlah file baru untuk mendukung hal ini lalu simpan di dalam direktori Resources.<\/p>\n<p><strong>6) Buat API Control User<\/strong><\/p>\n<p>Sebelum membuat komponen pada VueJs, diperlukan pembuatan API untuk melakukan proses pada data user untuk front end. Dengan cara membuat controller baru dan menambahkan index baru. Kemudian daftarkan controller pada Route supaya nantinya bisa di akses.<\/p>\n<p>Secara umum langkah ini dibuat untuk merespon permintaan data dari user saat komponen dimuat. Jika ada data yang termuat di halaman berikutnya, bukan pada halaman utama website, maka otomatis tombol <em>Load More<\/em> akan muncul. Dan jika tombol tersebut ditekan, otomatis akan menjalankan perintah kembali pada API user dengan memunculkan data yang ada tersebut.<\/p>\n<p><strong>7) Membuat Komponen VueJs<\/strong><\/p>\n<p>Langkah terakhir yaitu membuat komponen VueJs, yaitu dengan cara menambahkan berkas baru pada direktori Resources. Pertama-tama, lakukan definisi data komponen untuk menyimpan data yang diperlukan pada API user. Lalu, tambahkan method baru dan lakukan looping data. Terakhir daftarkan komponen yang telah dibuat supaya dapat memberikan tampilan yang diminta.<\/p>\n<p><strong>8) Lakukan Pengujian<\/strong><\/p>\n<p>Jika seluruh rangkain di atas telah selesai dilakukan. Langkah selanjutnya, yaitu melakukan pengujian dengan menyesuaikan VueJs di dalam website. Jika semua proses penyesuaian berjalan lancar dan berhasil, maka cukup membuka URL website dan lihat apakah fitur <em>Load More<\/em> telah sukses terpasang pada website. Jika sudah, itu artinya Anda telah berhasil membuat fitur ini pada website.<\/p>\n<h2><span id=\"Cara_Membuat_Load_More_Melalui_Codeigniter_Dengan_Fitur_jQuery\">Cara Membuat Load More Melalui Codeigniter melalui Fitur jQuery<\/span><\/h2>\n<p><strong><span id=\"Melakukan_Persiapan\">1) Lakukan Persiapan<\/span><\/strong><\/p>\n<p>Hal pertama yang harus dilakukan, yaitu menginstall Codeigniter dan sekaligus melakukan install jQuery pada website. Cukup dengan mendownload file lalu menginstallnya satu demi satu secara bergantian. Jika keduanya sudah terpasang maka dapat memulai pada langkah berikutnya.<\/p>\n<p><strong><span id=\"Membuat_Tombol_Load_More\">2) Buat Tombol Load More<\/span><\/strong><\/p>\n<p>Langkah selanjutnya yaitu Anda harus menyiapkan tombol yang berguna sebagai tombol <em>Load More<\/em> dalam website. Caranya cukup mudah, cukup dengan membuat script CSS untuk memasang tombol tersebut. Langkah ini hanya membantu menampilkan tombol di dalam website sebagai <em>front end<\/em> saja sehingga nantinya akan muncul tombol <em>Load More<\/em> pada website. Namun, belum mengarah pada data yang ingin ditampilkan.<\/p>\n<p><strong><span id=\"Membuat_Fitur_Load_More_Dengan_jQuery\">3) Buat Fitur Load More dengan jQuery<\/span><\/strong><\/p>\n<p>Untuk membuat desain pada <em>back end<\/em> atau menampilkan data saat tombol <em>Load More<\/em> diakses, maka diperlukan pembuatan scripti. Yang terpenting, yaitu memastikan bahwa seluruh <em>library <\/em>pada jQuery telah terinstall semuanya sehingga tidak ada kendala saat memasukkan script program untuk menghasilkan fitur <em>Load More.<\/em><\/p>\n<p>Jika sudah, maka script dapat ditambahkan lalu disimpan sebagai template. Berikut ini prosesnya secara lebih lengkap dijabarkan sebagai berikut:<\/p>\n<ul>\n<li>Membuat index.php untuk sejumlah data yang ingin ditampilkan lebih dulu. Misalnya menampilkan sebuah data lalu kemudian menghubungkan data tersebut pada data selanjutnya pada tombol <em>Load More<\/em><\/li>\n<li>Lanjutkan dengan melakukan definisi fungsi jQuery untuk memanggil data selanjutnya dengan menggunakan AJAX.<\/li>\n<li>Selanjutnya pisahkan script data yang ditampilkan dan data yang akan dimunculkan setelah mengakses tombol <em>Load More<\/em>. Caranya dengan menyisipkan parameter GET di antara kedua script data tersebut, yaitu antara data yang tampil dengan data yang hanya tampil setelah diakses. Untuk melakukan hal ini sebaiknya buatlah pada file yang baru.<\/li>\n<li>Setelah proses ini selesai, maka percantik tampilan dengan menambahkan CSS pada script. Lakukan hal ini sesuai tampilan yang diinginkan misalnya dari sisi penggunaan font maupun ukuran font yang dipilih. Sehingga saat ditampilkan baik data awal maupun data lanjutan akan terlihat tepat.<\/li>\n<li>Terakhit lakukan pengujian pada website. Lihat hasil dari langkah tersebut dan tekan tombol <em>Load More<\/em> pada website. Apabila data yang diharapkan muncul terlihat dengan baik dan rapi, artinya seluruh proses telah dilaksanakan dengan baik.<\/li>\n<\/ul>\n<p>Itulah penjelasan singkat tentang Cara Membuat Load More. Semoga bermanfaat!<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;18409&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;1&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;5\\\/5 - (1 vote)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Panduan Membuat Load More pada Website&quot;,&quot;width&quot;:&quot;110&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 110px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            5\/5 - (1 vote)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bagi kamu yang kerap mengakses website, pasti sering menemukan fitur Load More. Biasanya fitur ini ditampilkan di bagian tertentu agar audience dapat melihat tambahan informasi yang tersedia. Load More merupakan bagian dari fitur pagination. Fitur panigation ini berfungsi untuk membatasi tampilan pada website supaya lebih efisien. Misalnya, informasi pada halaman website terlalu panjang, maka pagination [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":18412,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3],"tags":[7435,7434,7433],"class_list":["post-18409","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-cara-membuat-load-more-melalui-codeigniter","tag-cara-membuat-load-more-melalui-laveral","tag-pengertian-load-more"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More-852x445.png",852,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More-300x169.png",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png",852,479,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Panduan Membuat Load More pada Website - Hosteko 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:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Panduan Membuat Load More pada Website - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Bagi kamu yang kerap mengakses website, pasti sering menemukan fitur Load More. Biasanya fitur ini ditampilkan di bagian tertentu agar audience dapat melihat tambahan informasi yang tersedia. Load More merupakan bagian dari fitur pagination. Fitur panigation ini berfungsi untuk membatasi tampilan pada website supaya lebih efisien. Misalnya, informasi pada halaman website terlalu panjang, maka pagination [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-22T08:48:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png\" \/>\n\t<meta property=\"og:image:width\" content=\"852\" \/>\n\t<meta property=\"og:image:height\" content=\"479\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dwi H\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dwi H\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website\"},\"author\":{\"name\":\"Dwi H\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/f70006239545aaece294daf39a3ce979\"},\"headline\":\"Panduan Membuat Load More pada Website\",\"datePublished\":\"2023-09-22T08:48:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website\"},\"wordCount\":845,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png\",\"keywords\":[\"Cara Membuat Load More melalui Codeigniter\",\"Cara Membuat Load More melalui Laveral\",\"Pengertian Load More\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website\",\"url\":\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website\",\"name\":\"Panduan Membuat Load More pada Website - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png\",\"datePublished\":\"2023-09-22T08:48:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png\",\"width\":852,\"height\":479},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Panduan Membuat Load More pada Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/f70006239545aaece294daf39a3ce979\",\"name\":\"Dwi H\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/60b90505d1564b8ba545efb7a3d2153585f14759dc86b9180ba2fbf5d8805ff2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/60b90505d1564b8ba545efb7a3d2153585f14759dc86b9180ba2fbf5d8805ff2?s=96&d=mm&r=g\",\"caption\":\"Dwi H\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Panduan Membuat Load More pada Website - Hosteko 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:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website","og_locale":"en_US","og_type":"article","og_title":"Panduan Membuat Load More pada Website - Hosteko Blog","og_description":"Bagi kamu yang kerap mengakses website, pasti sering menemukan fitur Load More. Biasanya fitur ini ditampilkan di bagian tertentu agar audience dapat melihat tambahan informasi yang tersedia. Load More merupakan bagian dari fitur pagination. Fitur panigation ini berfungsi untuk membatasi tampilan pada website supaya lebih efisien. Misalnya, informasi pada halaman website terlalu panjang, maka pagination [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website","og_site_name":"Hosteko Blog","article_published_time":"2023-09-22T08:48:14+00:00","og_image":[{"width":852,"height":479,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png","type":"image\/png"}],"author":"Dwi H","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dwi H","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website"},"author":{"name":"Dwi H","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/f70006239545aaece294daf39a3ce979"},"headline":"Panduan Membuat Load More pada Website","datePublished":"2023-09-22T08:48:14+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website"},"wordCount":845,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png","keywords":["Cara Membuat Load More melalui Codeigniter","Cara Membuat Load More melalui Laveral","Pengertian Load More"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website","url":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website","name":"Panduan Membuat Load More pada Website - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png","datePublished":"2023-09-22T08:48:14+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png","width":852,"height":479},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/panduan-membuat-load-more-pada-website#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Panduan Membuat Load More pada Website"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/f70006239545aaece294daf39a3ce979","name":"Dwi H","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/60b90505d1564b8ba545efb7a3d2153585f14759dc86b9180ba2fbf5d8805ff2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/60b90505d1564b8ba545efb7a3d2153585f14759dc86b9180ba2fbf5d8805ff2?s=96&d=mm&r=g","caption":"Dwi H"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2023\/09\/Load-More.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/18409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=18409"}],"version-history":[{"count":1,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/18409\/revisions"}],"predecessor-version":[{"id":18413,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/18409\/revisions\/18413"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/18412"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=18409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=18409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=18409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}