{"id":51872,"date":"2024-12-10T15:26:37","date_gmt":"2024-12-10T08:26:37","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=51872"},"modified":"2024-12-10T15:26:39","modified_gmt":"2024-12-10T08:26:39","slug":"cara-membuat-slide-banner-di-sitepro","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-membuat-slide-banner-di-sitepro\/","title":{"rendered":"Cara Membuat Slide Banner di Sitepro"},"content":{"rendered":"\n

Setelah sebelumnya kami membahas bagaimana cara membuat banner video di Sitepro<\/strong><\/a>, dalam artikel ini, kami akan membahas mengenai cara membuat slide banner di Sitepro. Mari simak penjelasannya!<\/p>\n\n\n\n\n\n

Banner pada website dapat dibuat dalam berbagai format sesuai kebutuhan, seperti video, gambar statis, atau slide banner. Dari ketiganya, slide banner menjadi salah satu yang paling populer.<\/p>\n\n\n\n

Hal ini karena slide banner tidak hanya lebih menarik secara visual, tetapi juga memungkinkan Anda menyampaikan lebih banyak informasi dalam satu area tampilan.<\/p>\n\n\n\n

Apa itu Slide Banner?<\/h2>\n\n\n\n

Slide banner adalah sebuah fitur pada website yang dapat digunakan untuk menampilkan sekumpulan gambar secara berurutan. Umumnya, slide banner memiliki efek transisi berupa gambar yang bergeser otomatis atau dengan klik tombol di sudut kiri atau kanan slider.<\/p>\n\n\n\n

Jika Anda membuat website menggunakan Sitepro, Anda dapat memanfaatkan fitur slide banner untuk menambahkan banner pada website. Fitur ini tersedia di semua paket, termasuk pada paket free Sitepro.<\/p>\n\n\n\n

Agar hasilnya lebih rapi, pastikan semua gambar yang digunakan untuk slide banner memiliki ukuran pixel yang sama. Selain itu, Anda juga bisa menambahkan caption <\/em>atau teks pada setiap gambar slider untuk memberikan informasi tambahan.<\/p>\n\n\n\n

Kelebihan Slide Banner<\/h2>\n\n\n\n

Berikut adalah beberapa kelebihan dari slide banner jika dibandingkan dengan versi single banner maupun video:<\/p>\n\n\n\n

    \n
  1. Meningkatkan Brand Awareness<\/a><\/em>.<\/li>\n\n\n\n
  2. Membuat tampilan website menjadi lebih menarik.<\/li>\n\n\n\n
  3. Menampilkan informasi secara cepat dan singkat, khususnya untuk produk unggulan, promo, iklan, dan lainnya.<\/li>\n\n\n\n
  4. Meningkatkan interaksi pengunjung pada website.<\/li>\n\n\n\n
  5. Meningkatkan Click-Through Rate (CTR) website.<\/li>\n<\/ol>\n\n\n\n

    Membuat slide banner di SitePro<\/h2>\n\n\n\n

    Setelah mengetahui pengertian dan kelebihan slide banner, selanjutnya Anda dapat mulai belajar cara membuatnya. Namun sebelum melakukan perubahan, kami sarankan agar Anda melakukan backup<\/a> terlebih dahulu serta menyiapkan gambar yang akan ditampilkan. <\/p>\n\n\n\n

      \n
    1. Pastinya Anda perlu login ke halaman SitePro editor terlebih dahulu. Jika belum mengetahui cara loginnya, Anda dapat membaca pada artikel Login SitePro<\/a><\/strong>.<\/li>\n\n\n\n
    2. Kemudian klik tombol + seperti gambar berikut.<\/li>\n<\/ol>\n\n\n
      \n
      \"klik<\/a><\/figure>\n<\/div>\n\n\n
        \n
      1. Lalu pilih Gallery<\/strong>.<\/li>\n<\/ol>\n\n\n
        \n
        \"pilih<\/a><\/figure>\n<\/div>\n\n\n
          \n
        1. Untuk menggunakan Slide Banner, silakan pilih menu slideshow seperti gambar di bawah.<\/li>\n<\/ol>\n\n\n
          \n
          \"pilih<\/a><\/figure>\n<\/div>\n\n\n
            \n
          1. Klik ikon pensil untuk menambahkan gambar baru.<\/li>\n<\/ol>\n\n\n
            \n
            \"klik<\/a><\/figure>\n<\/div>\n\n\n
              \n
            1. Klik ikon + add new untuk memasukkan gambar.<\/li>\n<\/ol>\n\n\n
              \n
              \"klik<\/a><\/figure>\n<\/div>\n\n\n
                \n
              1. Untuk upload gambar, silakan klik tombol + Add new atau klik Upload New File. Kemudian, pilih gambar yang akan digunakan.<\/li>\n<\/ol>\n\n\n
                \n
                \"klik<\/a><\/figure>\n<\/div>\n\n\n
                  \n
                1. Langkah selanjutnya, pilih gambar-gambar yang akan digunakan, lalu klik tombol Apply<\/strong>.<\/li>\n<\/ol>\n\n\n
                  \n
                  \"pilih<\/a><\/figure>\n<\/div>\n\n\n
                    \n
                  1. Anda juga dapat menambahkan judul, deskripsi, hingga link pada setiap gambar sesuai kebutuhan. Opsi ini cocok jika Anda ingin arahkan banner ke halaman tertentu untuk meningkatkan CTA.<\/li>\n<\/ol>\n\n\n
                    \n
                    \"menambahkan<\/a><\/figure>\n<\/div>\n\n\n
                      \n
                    1. Jika penambahan gambar dan deskripsi telah selesai, klik tombol Apply<\/strong>.<\/li>\n<\/ol>\n\n\n
                      \n
                      \"cara<\/a><\/figure>\n<\/div>\n\n\n
                        \n
                      1. Anda juga dapat mengatur durasi slideshow, menambah caption, mengatur style kursor tombol panah pada bagian kiri kanan slide, menyembunyikan tombol panah di sisi slide, dan lain sebagainya.<\/li>\n<\/ol>\n\n\n
                        \n
                        \"kustomisasi<\/a><\/figure>\n<\/div>\n\n\n
                          \n
                        1. Setelah pembuatan slide banner selesai, klik tombol publish untuk menyimpan dan mempublikasikan tampilan baru di website Anda.<\/li>\n<\/ol>\n\n\n
                          \n
                          \"publish<\/a><\/figure>\n<\/div>\n\n\n

                          Demikian informasi mengenai cara membuat slide banner di Sitepro. Cukup mudah bukan? Semoga artikel ini dapat bermanfaat untuk Anda.<\/p>\n","protected":false},"excerpt":{"rendered":"

                          Setelah sebelumnya kami membahas bagaimana cara membuat banner video di Sitepro, dalam artikel ini, kami akan membahas mengenai cara membuat slide banner di Sitepro. Mari simak penjelasannya! Banner pada website dapat dibuat dalam berbagai format sesuai kebutuhan, seperti video, gambar statis, atau slide banner. Dari ketiganya, slide banner menjadi salah satu yang paling populer. Hal […]<\/p>\n","protected":false},"author":345,"featured_media":52122,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_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,"font":"","enabled":false},"version":2}},"categories":[1127],"tags":[2418,1128,1264],"class_list":{"0":"post-51872","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-sitepro","8":"tag-banner","9":"tag-sitepro","10":"tag-tutorial-sitepro"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/banner-cara-membuat-slide-banner-di-sitepro.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-duE","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/51872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/345"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=51872"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/51872\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/52122"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=51872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=51872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=51872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}