{"id":3129,"date":"2023-05-05T11:20:34","date_gmt":"2023-05-05T03:20:34","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=3129"},"modified":"2024-04-16T09:48:48","modified_gmt":"2024-04-16T01:48:48","password":"","slug":"add-slideshow-interaction-elements","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/id\/docs\/add-slideshow-interaction-elements\/","title":{"rendered":"Tambahkan Elemen Interaksi Slideshow"},"content":{"rendered":"<p>Interaksi tayangan slide dapat menampilkan gambar yang Anda unggah dalam pola slide. Tayangan slide bisa menarik secara visual dan interaktif. Mereka dapat menarik perhatian pemirsa dan membuat mereka tetap tertarik dengan kontennya.<\/p>\n\n\n\n<p>Tayangan slide dapat diatur sedemikian rupa sehingga memudahkan untuk menyajikan informasi secara logis dan terstruktur. Misalnya, Anda dapat menampilkan gambar produk dalam tayangan slide untuk membantu pengguna memahami produk dengan baik.<\/p>\n\n\n\n<p>Selanjutnya, mari kita lihat cara menambahkan elemen interaksi tayangan slide ke flipbook.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Catatan: <\/strong> <br>1. Hanya pengguna Versi Platinum ke atas yang dapat menambahkan tayangan slide. <br>2. Saat menggunakan tayangan slide tertentu seperti klasik, pudar, kolom, kubus, dll., disarankan untuk mengunggah gambar dengan ukuran yang sama untuk mendapatkan pengalaman visual terbaik.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Pilih untuk menambahkan template tayangan slide<\/h2>\n\n\n\n<p>Klik <strong>[Elemen]<\/strong> di bilah alat samping -&gt; <strong>[Tayangan slide \u2013 Lainnya]<\/strong> atau klik <strong>[Lagi]<\/strong> di bilah alat samping -&gt; <strong>[Tayangan slide]<\/strong><img decoding=\"async\" src=\"\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"629\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png\" alt=\"tambahkan-slideshow-1\" class=\"wp-image-6731\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1-300x189.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1-768x483.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1-360x226.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Pilih salah satu gaya tayangan slide untuk menambahkannya ke kanvas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"627\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2.png\" alt=\"tambahkan-slideshow-2\" class=\"wp-image-6733\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2-300x188.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2-768x482.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2-360x226.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Unggah gambar ke template tayangan slide<\/h2>\n\n\n\n<p>Klik <strong>[Tambahkan Gambar]<\/strong> atau klik dua kali tayangan slide di kanvas -&gt; pilih beberapa gambar -&gt; <strong>[Membuka]<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"629\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-3.gif\" alt=\"tambahkan-slideshow-3\" class=\"wp-image-6734\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Konfigurasikan properti tayangan slide<\/h2>\n\n\n\n<p>Setelah mengunggah gambar, Anda dapat menyesuaikan urutan tampilan gambar, mengatur tayangan slide ke loop, mengaktifkan kursor, klik dua kali untuk memperbesar, roda mouse untuk berputar, putar otomatis, sesuaikan warna tombol, dll.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"632\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4.png\" alt=\"tambahkan-slideshow-4\" class=\"wp-image-6735\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4-300x190.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4-768x485.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4-360x228.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Catatan:<\/strong>\u00a0Anda dapat mengubah tayangan slide ke gaya lain sambil menjaga gambar tetap utuh <strong>[Mengganti]<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"558\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5.png\" alt=\"tambahkan-slideshow-5\" class=\"wp-image-6736\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5-300x167.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5-768x429.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5-18x10.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5-360x201.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. Pratinjau tayangan slide<\/h2>\n\n\n\n<p>Klik <strong>[Pratinjau tindakan pemicu]<\/strong> atau <strong>[Pratinjau]<\/strong> untuk melihat pratinjau efeknya.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"629\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-6.gif\" alt=\"tambahkan-slideshow-6\" class=\"wp-image-6737\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Istilah terkait artikel:<br><\/strong>tayangan slide gambar, galeri foto, slide interaktif, animasi slide, kontrol tayangan slide, navigasi tayangan slide, tayangan slide khusus, presentasi gambar, tampilan gambar, eBook interaktif, desain tayangan slide, tayangan slide yang dapat disesuaikan, tayangan slide dinamis, editor slide, urutan gambar<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Interaksi tayangan slide dapat menampilkan gambar yang Anda unggah dalam pola slide. Tayangan slide dapat menarik secara visual dan interaktif. Tayangan slide dapat menarik perhatian pemirsa dan membuat mereka tetap tertarik pada konten. Tayangan slide dapat diatur sedemikian rupa sehingga memudahkan penyajian informasi secara logis dan terstruktur. Misalnya, [\u2026]<\/p>","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[86],"doc_tag":[],"class_list":["post-3129","docs","type-docs","status-publish","hentry","doc_category-multimedia"],"year_month":"2026-04","word_count":282,"total_views":"13024","reactions":{"happy":"3","normal":"0","sad":"1"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/id\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/id\/docs-category\/multimedia\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"A slideshow interaction can display the images you upload in a slide pattern. Slideshow can be visually appealing and interactive. They can capture the viewer&#8217;s attention and keep them interested in the content. Slideshows can be organized in a way that makes it easy to present information in a logical and structured manner. For example, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/id\/docs\/add-slideshow-interaction-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-16T01:48:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/\",\"name\":\"Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png\",\"datePublished\":\"2023-05-05T03:20:34+00:00\",\"dateModified\":\"2024-04-16T01:48:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#breadcrumb\"},\"inLanguage\":\"id-ID\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id-ID\",\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Slideshow Interaction Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id-ID\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id-ID\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"id_ID","og_type":"article","og_title":"Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"A slideshow interaction can display the images you upload in a slide pattern. Slideshow can be visually appealing and interactive. They can capture the viewer&#8217;s attention and keep them interested in the content. Slideshows can be organized in a way that makes it easy to present information in a logical and structured manner. For example, [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/id\/docs\/add-slideshow-interaction-elements\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-04-16T01:48:48+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/","url":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/","name":"Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png","datePublished":"2023-05-05T03:20:34+00:00","dateModified":"2024-04-16T01:48:48+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#breadcrumb"},"inLanguage":"id-ID","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"id-ID","@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Add Slideshow Interaction Elements"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id-ID"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"id-ID","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/comments?post=3129"}],"version-history":[{"count":10,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3129\/revisions"}],"predecessor-version":[{"id":7074,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3129\/revisions\/7074"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/media?parent=3129"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/doc_category?post=3129"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/doc_tag?post=3129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}