{"id":3408,"date":"2023-05-11T10:44:41","date_gmt":"2023-05-11T02:44:41","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&p=3408"},"modified":"2025-03-07T16:20:20","modified_gmt":"2025-03-07T08:20:20","password":"","slug":"embed-a-flipbook","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/ms\/docs\/embed-a-flipbook\/","title":{"rendered":"Benamkan Flipbook"},"content":{"rendered":"

FlipHTML5 membolehkan anda membenamkan buku flip pada tapak web atau blog anda, dengan menyediakan pengalaman pengguna yang dipertingkatkan<\/a>. Untuk membenamkan buku anda, ikut arahan di bawah.<\/p>\n\n\n\n

Pilih [Penerbitan]<\/strong> -> Klik [ \u22ee ] <\/strong>-> dan kemudian klik [Benamkan]<\/strong><\/p>\n\n\n\n

    \n
  1. Pergi ke The Penerbitan<\/a> muka surat. Tuding ke atas [ \u22ee ] elipsis menegak <\/strong>di sebelah kiri buku yang ingin anda benamkan.<\/li>\n\n\n\n
  2. Kemudian klik [Benamkan]<\/strong> <\/li>\n\n\n\n
  3. Pilih Iframe, tetingkap Pop timbul atau WordPress dalam kotak dialog berdasarkan keperluan anda.<\/li>\n<\/ol>\n\n\n\n

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

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

    1. Iframe (disyorkan) <\/h2>\n\n\n\n

    Benamkan buku flip anda secara langsung dengan kod benam. Mengikuti langkah-langkah ini:<\/p>\n\n\n\n

      \n
    1. Pilih atau sesuaikan saiz benam.<\/li>\n\n\n\n
    2. Sesuaikan nombor halaman permulaan buku selak.<\/li>\n\n\n\n
    3. Salin kod benam di bawah dan tampalkannya ke dalam editor tapak web anda.<\/li>\n<\/ol>\n\n\n\n

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

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

      1.1 Iframe Responsif <\/h3>\n\n\n\n

      Dalam sesetengah kes, anda mungkin memerlukan benaman responsif. Anda boleh mencuba kod berikut. Ingat untuk menggantikan { example.com\/yourbookurl<\/em> } <\/strong> dengan pautan buku anda<\/p>\n\n\n\n

      <em><div<\/em>\n<em>  style=&quot;left: 0; width: 100%; height: 0; position: relative; padding-bottom: 75%;&quot;&gt;<\/em>\n  <em><iframe<\/em>\n  <em> src=&quot;example.com\/yourbookurl&quot;<\/em>\n  <em> style=&quot;atas: 0; kiri: 0; lebar: 100%; tinggi: 100%; kedudukan: mutlak; sempadan: 0;&quot;<\/em>\n  <em> allowfullscreen<\/em>\n  <em> menatal=&quot;tidak&quot;&gt;<\/em>\n  <em><\/iframe><\/em>\n<em><\/div><\/em><\/code><\/pre>\n\n\n\n
      1.2 Gunakan Kod Iframe Dalam WordPress dan CMS Lain<\/h3>\n\n\n\n
      Halaman editor dalam WordPress dan CMS lain akan mempunyai ciri untuk membolehkan anda memasukkan blok kandungan "HTML tersuai". Hanya salin kod benam dan tampalkannya ke dalam blok.<\/p>\n\n\n\n
      2. Tetingkap Pop Timbul<\/h2>\n\n\n\n
      Melalui "skrip tetingkap pop timbul", elemen itu boleh muncul tetingkap untuk memainkan buku flip apabila anda mengkliknya. Mengikuti langkah-langkah ini:  <\/p>\n\n\n\n
        \n
      1. Pilih atau sesuaikan saiz benam.<\/li>\n\n\n\n
      2. Sesuaikan nombor halaman permulaan dan tajuk buku selak.<\/li>\n\n\n\n
      3. Muatkan API tetingkap timbul antara teg kepala dalam fail HTML anda.<\/li>\n\n\n\n
      4. Tambahkan atribut berikut pada elemen yang anda mahu muncul pada tetingkap apabila diklik.<\/li>\n<\/ol>\n\n\n\n
        <\/p>\n\n\n\n
        \"tunjukkan<\/figure>\n\n\n\n
        3. Plugin WordPress<\/h2>\n\n\n\n
        Benamkan buku flip anda di lokasi yang dikehendaki pada tapak WordPress anda dengan kod pendek. Mengikuti langkah-langkah ini:  <\/p>\n\n\n\n
          \n
        1. Pilih saiz benam.<\/li>\n\n\n\n
        2. Muat turun dan pasang pemalam WordPress.<\/li>\n\n\n\n
        3. Salin kod pendek dan tampalkannya ke dalam catatan atau halaman WordPress anda.<\/li>\n<\/ol>\n\n\n\n
          <\/p>\n\n\n\n
          \u258eCatatan: <\/strong>Pemalam hanya perlu dipasang sekali sahaja. Untuk maklumat lanjut, sila rujuk Memasang Pemalam WordPress<\/a>.<\/p>\n\n\n\n
          \"benamkan<\/figure>\n\n\n\n
          Istilah berkaitan artikel:
          <\/strong>benamkan flipbook, cara membenamkan flipbook, panduan pembenaman flipbook, membenamkan flipbook di tapak web, membenamkan flipbook pada blog, membenamkan kod flipbook, membenamkan flipbook dengan HTML, penjana benam flipbook, pemalam benam flipbook, kod iframe flipbook<\/p>","protected":false},"excerpt":{"rendered":"
          FlipHTML5 membolehkan anda membenamkan buku flip pada tapak web atau blog anda, memberikan pengalaman pengguna yang dipertingkatkan. Untuk membenamkan buku anda, ikut arahan di bawah. Pilih [Penerbitan] \u2013> Klik [ \u22ee ] \u2013>dan kemudian klik [Benam] 1. Iframe (disyorkan) Benamkan buku flip anda secara langsung dengan kod benam. Mengikuti langkah berikut: 1.1 Iframe Responsif Dalam sesetengah kes, [\u2026]<\/p>","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[68],"doc_tag":[],"class_list":["post-3408","docs","type-docs","status-publish","hentry","doc_category-publications"],"year_month":"2026-04","word_count":380,"total_views":"19567","reactions":{"happy":"3","normal":"2","sad":"6"},"author_info":{"name":"Andy","author_nicename":"andy","author_url":"https:\/\/cms.flippagemaker.com\/ms\/author\/andy\/"},"doc_category_info":[{"term_name":"Publications","term_url":"https:\/\/cms.flippagemaker.com\/ms\/docs-category\/publications\/"}],"doc_tag_info":[],"yoast_head":"\nEmbed a Flipbook - 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=\"ms_MY\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embed a Flipbook - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"FlipHTML5 enables you to embed flipbooks on your website or blog, providing an enhanced user experience. To embed your book, follow the instructions below. Select [Publications] –> Click [ \u22ee ] –>and then click [Embed] 1. Iframe (recommended) Embed your flipbook directly with the embed code. Following these steps: 1.1 Responsive Iframe In some cases, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/ms\/docs\/embed-a-flipbook\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-07T08:20:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.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\/uk\/docs\/embed-a-flipbook\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/\",\"name\":\"Embed a Flipbook - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png\",\"datePublished\":\"2023-05-11T02:44:41+00:00\",\"dateModified\":\"2025-03-07T08:20:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#breadcrumb\"},\"inLanguage\":\"ms-MY\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Embed a Flipbook\"}]},{\"@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\":\"ms-MY\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@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":"Embed a Flipbook - 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":"ms_MY","og_type":"article","og_title":"Embed a Flipbook - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"FlipHTML5 enables you to embed flipbooks on your website or blog, providing an enhanced user experience. To embed your book, follow the instructions below. Select [Publications] –> Click [ \u22ee ] –>and then click [Embed] 1. Iframe (recommended) Embed your flipbook directly with the embed code. Following these steps: 1.1 Responsive Iframe In some cases, […]","og_url":"https:\/\/cms.flippagemaker.com\/ms\/docs\/embed-a-flipbook\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2025-03-07T08:20:20+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.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\/uk\/docs\/embed-a-flipbook\/","url":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/","name":"Embed a Flipbook - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png","datePublished":"2023-05-11T02:44:41+00:00","dateModified":"2025-03-07T08:20:20+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#breadcrumb"},"inLanguage":"ms-MY","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/"]}]},{"@type":"ImageObject","inLanguage":"ms-MY","@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Embed a Flipbook"}]},{"@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":"ms-MY"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"ms-MY","@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\/ms\/wp-json\/wp\/v2\/docs\/3408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/comments?post=3408"}],"version-history":[{"count":18,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3408\/revisions"}],"predecessor-version":[{"id":7641,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3408\/revisions\/7641"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/media?parent=3408"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_category?post=3408"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_tag?post=3408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}