{"id":2113,"date":"2025-01-21T14:36:56","date_gmt":"2025-01-21T07:36:56","guid":{"rendered":"https:\/\/mocaas.tv\/blog\/?p=2113"},"modified":"2025-05-14T16:51:45","modified_gmt":"2025-05-14T09:51:45","slug":"website-editor-personalisasi-tampilan-websitemu","status":"publish","type":"post","link":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/","title":{"rendered":"Tutorial Website Editor: Personalisasi Tampilan Websitemu!"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#Cara_Mengakses_Website_Editor\" >Cara Mengakses Website Editor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#Penjelasan_Fitur_Website_Editor\" >Penjelasan Fitur Website Editor<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#1_Website\" >1. Website<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#2_Banner_Content\" >2. Banner Content<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#Cara_Menambahkan_Banner_Pada_Website\" >Cara Menambahkan Banner Pada Website<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#3_Banner_Layout\" >3. Banner Layout<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#4_Banner_Text\" >4. Banner Text<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#Heading_Text\" >Heading Text:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#Body_Text\" >Body Text:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#Button\" >Button:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#5_Thumbnail_Elements\" >5. Thumbnail Elements<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#Thumbnail_Layout_Pengaturan_tata_letak_gambar_mini\" >Thumbnail Layout: Pengaturan tata letak gambar mini.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#Title_Text_Size_Ukuran_teks_judul_di_thumbnail\" >Title Text Size: Ukuran teks judul di thumbnail.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#Additional_Info_Informasi_tambahan_yang_ditampilkan_di_thumbnail\" >Additional Info: Informasi tambahan yang ditampilkan di thumbnail.<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<p>Website Editor adalah fitur terbaru dari Mocaastv yang memberikan kamu kendali penuh untuk membuat website sesuai dengan identitas brand kamu. Dengan Mocaastv Website Editor, kamu bisa mengatur tampilan website sesuai dengan keinginanmu. Yuk, simak caranya di bawah ini!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:30px\"><span class=\"ez-toc-section\" id=\"Cara_Mengakses_Website_Editor\"><\/span><strong>Cara Mengakses Website Editor<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-1-1024x505.png\" alt=\"\" class=\"wp-image-2114\" srcset=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-1-1024x505.png 1024w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-1-300x148.png 300w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-1-768x378.png 768w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-1-1536x757.png 1536w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-1-550x271.png 550w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-1.png 1918w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Fitur ini bisa langsung Kamu akses di dashboard Mocaastv. Cukup klik menu <strong>Website Editor<\/strong>, dan Kamu akan diarahkan ke halaman untuk mulai mengedit.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:30px\"><span class=\"ez-toc-section\" id=\"Penjelasan_Fitur_Website_Editor\"><\/span><strong>Penjelasan Fitur Website Editor<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"502\" src=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-2-1024x502.png\" alt=\"\" class=\"wp-image-2115\" srcset=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-2-1024x502.png 1024w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-2-300x147.png 300w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-2-768x377.png 768w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-2-1536x754.png 1536w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-2-550x270.png 550w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-editor-2.png 1918w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah mengklik menu <strong>Website Editor<\/strong>, Kamu akan masuk ke halaman editing seperti tampilan di atas. Di bagian pojok kanan atas ada 3 button dengan fungsi sebagai berikut:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Preview:<\/strong> Lihat pratinjau hasil editan sebelum dipublikasikan.<\/li>\n\n\n\n<li><strong>Publish:<\/strong> Publikasikan website yang sudah siap untuk audiens Kamu.<\/li>\n\n\n\n<li><strong>Save as a Draft:<\/strong> Simpan hasil edit sementara, untuk dilanjutkan atau diperbaiki nanti (button ini akan muncul ketika Kamu sudah mulai melakukan editing)<\/li>\n<\/ul>\n\n\n\n<p>Untuk mengedit tampilan website, ada 5 menu utama di bagian kanan website editor, yaitu <strong>website, Banner Content, Banner Layout, Banner Text dan Thumbnail Elements<\/strong>. Untuk penjelasan lebih detail tentang masing-masing fungsi menu utama, bisa Kamu simak di bawah ini.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:24px\"><span class=\"ez-toc-section\" id=\"1_Website\"><\/span><strong>1. Website<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/W1-1024x491.png\" alt=\"\" class=\"wp-image-2118\" srcset=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/W1-1024x491.png 1024w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/W1-300x144.png 300w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/W1-768x369.png 768w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/W1-1536x737.png 1536w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/W1-550x264.png 550w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/W1.png 1896w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ketika mengelola platform VOD, penting untuk memastikan tampilan dan identitas website sesuai dengan kebutuhan dan preferensi Kamu. Dalam menu ini, Kamu dapat melakukan berbagai pengaturan untuk menyesuaikan tampilan website agar lebih menarik dan profesional. Menu ini terdiri dari:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content<\/strong>: kamu dapat mengatur\/mengganti :\n<ul class=\"wp-block-list\">\n<li><strong>Website Name<\/strong>: Isi nama website sesuai yang Kamu inginkan, jika kamu tidak upoad Logo, maka nama website Kamu akan muncul di halaman depan website VOD Kamu.<\/li>\n\n\n\n<li><strong>Logo (<\/strong>resolusi gambar: 128x640px<strong>)<\/strong>: Sebaiknya kamu upload sebagai identitas Website VOD Kamu.<\/li>\n\n\n\n<li><strong>Favicon (<\/strong>Add an image to display in browser tab with resolution of 32&#215;32 px<strong>)<\/strong><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Theme<\/strong>: di menu ini, kamu bisa memilih tema warna website yang kamu inginkan, seperti <em><strong>Dynamic Blue, Bright Light, Classic Light, Earthy Green, Lively Red<\/strong> dan <strong>Bold Dark<\/strong><\/em>. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"607\" src=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/W2.png\" alt=\"\" class=\"wp-image-2119\" srcset=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/W2.png 364w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/W2-180x300.png 180w\" sizes=\"(max-width: 364px) 100vw, 364px\" \/><\/figure>\n\n\n\n<p>Klik kotak merah dan scroll ke bawah untuk melihat pilihan warna tema yang tersedia.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:24px\"><span class=\"ez-toc-section\" id=\"2_Banner_Content\"><\/span><strong>2. Banner Content<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Bagian ini memungkinkan Kamu untuk mengatur konten banner agar lebih menarik dan sesuai dengan identitas website VOD Kamu. Dengan berbagai opsi yang tersedia, Kamu dapat menyesuaikan tampilan banner agar lebih dinamis dan interaktif.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-4-1024x490.png\" alt=\"\" class=\"wp-image-2123\" srcset=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-4-1024x490.png 1024w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-4-300x144.png 300w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-4-768x368.png 768w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-4-1536x735.png 1536w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-4-550x263.png 550w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-4.png 1907w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Pada menu ini terdapat:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Slider<\/strong>: Kamu harus membuat slide terlebih dahulu agar menu pengeditan lainnya dapat muncul. Berikut detail slide yang bisa Kamu tambahkan:\n<ul class=\"wp-block-list\">\n<li><strong>Banner Image<\/strong>: Unggah gambar dengan ukuran maksimal 2 MB.<\/li>\n\n\n\n<li><strong>Banner Video<\/strong>: Unggah video dengan ukuran maksimal 50 MB.<\/li>\n\n\n\n<li>Jika gambar dan video diisi, keduanya akan diputar bergantian secara otomatis (looping).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Content<\/strong>:\n<ul class=\"wp-block-list\">\n<li><strong>Heading Text<\/strong>: Teks judul atau subjudul yang ditampilkan di banner.<\/li>\n\n\n\n<li><strong>Image<\/strong>: Selain bisa menambahkan teks, Kamu juga bisa mengunggah gambar. Namun, jika gambar ditambahkan, teks tidak akan muncul.<\/li>\n\n\n\n<li><strong>Body Text<\/strong>: Teks utama yang berisi informasi atau penjelasan lebih rinci mengenai Heading Text.<\/li>\n\n\n\n<li><strong>Primary Button &amp; Secondary Button<\/strong>: Tombol utama yang dapat menarik perhatian audiens. Keduanya bisa Kamu munculkan atau sembunyikan sesuai kebutuhan.<\/li>\n\n\n\n<li><strong>Text &amp; Link<\/strong>: Tambahkan teks dan tautan yang relevan.<\/li>\n\n\n\n<li><strong>Remove Slider<\/strong>: Gunakan opsi ini untuk menghapus slider yang tidak diperlukan.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:20px\"><span class=\"ez-toc-section\" id=\"Cara_Menambahkan_Banner_Pada_Website\"><\/span><strong>Cara Menambahkan Banner Pada Website<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Untuk menambahkan banner pada website, Kamu perlu mengakses menu <strong><em>&#8216;Banner Content&#8217;<\/em><\/strong>. Berikut caranya:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-2-1024x489.png\" alt=\"\" class=\"wp-image-2121\" srcset=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-2-1024x489.png 1024w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-2-300x143.png 300w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-2-768x367.png 768w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-2-1536x734.png 1536w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-2-550x263.png 550w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-2.png 1903w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Klik <em>&#8216;<strong>Add New Slide<\/strong>&#8216;<\/em> untuk menambahkan slide baru.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-3-1024x489.png\" alt=\"\" class=\"wp-image-2122\" srcset=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-3-1024x489.png 1024w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-3-300x143.png 300w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-3-768x366.png 768w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-3-1536x733.png 1536w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-3-550x262.png 550w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/banner-3.png 1901w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Isi <strong>Title<\/strong> pada menu Create Slider, lalu klik <strong>Save<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:24px\"><span class=\"ez-toc-section\" id=\"3_Banner_Layout\"><\/span><strong>3. Banner Layout<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/2-3-1024x501.png\" alt=\"\" class=\"wp-image-2405\" srcset=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/2-3-1024x501.png 1024w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/2-3-300x147.png 300w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/2-3-768x376.png 768w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/2-3-1536x751.png 1536w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/2-3-550x269.png 550w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/2-3.png 1902w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><sup>*contoh Hero Banner yang sudah di isi Banner Content.<\/sup><\/figcaption><\/figure>\n\n\n\n<p>Di sini, kamu bisa mengatur tampilan banner, seperti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content Alignment: <\/strong>Menyusun konten secara horizontal atau vertikal (kiri, tengah, kanan, atas, tengah, bawah).<\/li>\n\n\n\n<li><strong>Slide<\/strong>: Gambar atau konten yang ditampilkan secara bergantian dalam slider.<\/li>\n\n\n\n<li><strong>Space 16 px<\/strong>: Menentukan jarak antar elemen (16 piksel).<\/li>\n\n\n\n<li><strong>Ratio<\/strong>: Menentukan proporsi lebar dan tinggi gambar\/video pada hero banner.<\/li>\n\n\n\n<li><strong>Show Overlay Color<\/strong>: Menampilkan warna transparan di atas gambar atau video untuk efek visual.<\/li>\n\n\n\n<li><strong>Image Overlay Color<\/strong>: Warna transparan yang diterapkan di atas gambar.<\/li>\n\n\n\n<li><strong>Linear Gradient<\/strong>: Transisi halus antara dua warna pada elemen.<\/li>\n\n\n\n<li><strong>Reset<\/strong>: Mengembalikan pengaturan ke default.<\/li>\n\n\n\n<li><strong>Angle 0 DEG<\/strong>: Arah gradien, 0 derajat berarti horizontal.<\/li>\n\n\n\n<li><strong>0% \/ 100% #000000 \/ #ffffff<\/strong>: Gradien mulai dari warna hitam ke putih.<\/li>\n\n\n\n<li><strong>Autoplay Slider<\/strong>: Menyalakan atau mematikan perputaran otomatis slider.<\/li>\n\n\n\n<li><strong>Delay 5000 ms<\/strong>: Menentukan jeda 5 detik antara setiap slide.<\/li>\n\n\n\n<li><strong>Show Arrow<\/strong>: Menampilkan panah untuk navigasi manual slider.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:24px\"><span class=\"ez-toc-section\" id=\"4_Banner_Text\"><\/span><strong>4. Banner Text<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/3-2-1024x506.png\" alt=\"\" class=\"wp-image-2406\" srcset=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/3-2-1024x506.png 1024w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/3-2-300x148.png 300w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/3-2-768x380.png 768w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/3-2-1536x760.png 1536w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/3-2-550x272.png 550w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/3-2.png 1899w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Bagian ini memungkinkan Kamu untuk mengatur teks yang ditampilkan pada banner agar lebih menarik dan sesuai dengan branding website VOD Kamu. Dengan berbagai pengaturan yang tersedia, Kamu dapat menyesuaikan tampilan teks untuk meningkatkan keterbacaan dan estetika. Pada menu ini terdapat:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:20px\"><span class=\"ez-toc-section\" id=\"Heading_Text\"><\/span><strong>Heading Text<\/strong>:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Menampilkan teks judul pada website.<\/li>\n\n\n\n<li><strong>Reset<\/strong>: Mengembalikan pengaturan teks ke default.<\/li>\n\n\n\n<li><strong>Font<\/strong>: Pilih jenis huruf yang sesuai dengan gaya website Kamu.<\/li>\n\n\n\n<li><strong>Weight<\/strong>: Atur ketebalan huruf untuk efek visual yang lebih kuat atau ringan.<\/li>\n\n\n\n<li><strong>Size<\/strong>: Tentukan ukuran huruf dalam piksel agar mudah terbaca.<\/li>\n\n\n\n<li><strong>Height<\/strong>: Atur jarak antar baris untuk kenyamanan membaca.<\/li>\n\n\n\n<li><strong>Color<\/strong>: Pilih warna teks agar sesuai dengan tema website.<\/li>\n\n\n\n<li><strong>Show Text Shadow<\/strong>: Tambahkan bayangan pada teks untuk efek lebih menonjol.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:20px\"><span class=\"ez-toc-section\" id=\"Body_Text\"><\/span><strong>Body Text<\/strong>:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Teks utama yang berisi informasi atau deskripsi pada banner.<\/li>\n\n\n\n<li>Memiliki opsi pengaturan yang sama seperti <strong>Heading Text<\/strong> untuk memastikan tampilan yang konsisten dan menarik.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:20px\"><span class=\"ez-toc-section\" id=\"Button\"><\/span><strong>Button<\/strong>:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mengatur tampilan tombol interaksi di website agar lebih menarik dan fungsional.<\/li>\n\n\n\n<li><strong>Reset<\/strong>: Mengembalikan semua pengaturan tombol ke default.<\/li>\n\n\n\n<li><strong>Font<\/strong>: Pilih jenis huruf yang digunakan pada tombol.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:24px\"><span class=\"ez-toc-section\" id=\"5_Thumbnail_Elements\"><\/span><strong>5. Thumbnail Elements<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"499\" src=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/4-4-1024x499.png\" alt=\"\" class=\"wp-image-2407\" srcset=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/4-4-1024x499.png 1024w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/4-4-300x146.png 300w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/4-4-768x374.png 768w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/4-4-1536x749.png 1536w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/4-4-550x268.png 550w, https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/4-4.png 1916w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Bagian ini memungkinkan Kamu untuk menyesuaikan tampilan thumbnail agar lebih menarik dan informatif. Thumbnail yang optimal dapat membantu meningkatkan daya tarik visual konten serta memudahkan audiens dalam memilih video atau tayangan yang diinginkan.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:20px\"><span class=\"ez-toc-section\" id=\"Thumbnail_Layout_Pengaturan_tata_letak_gambar_mini\"><\/span><strong>Thumbnail Layout: Pengaturan tata letak gambar mini.<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Thumbnail Orientation: Pilih orientasi (arah) thumbnail, seperti potret atau lanskap.<\/li>\n\n\n\n<li>Exclusive Thumbnail: Gambar mini khusus yang menonjolkan konten eksklusif.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:20px\"><span class=\"ez-toc-section\" id=\"Title_Text_Size_Ukuran_teks_judul_di_thumbnail\"><\/span><strong>Title Text Size: Ukuran teks judul di thumbnail.<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Font Size: Ukuran huruf pada teks di thumbnail.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:20px\"><span class=\"ez-toc-section\" id=\"Additional_Info_Informasi_tambahan_yang_ditampilkan_di_thumbnail\"><\/span><strong>Additional Info<\/strong>: Informasi tambahan yang ditampilkan di thumbnail.<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reset: Mengembalikan pengaturan thumbnail ke default.<\/li>\n\n\n\n<li>Show Price: Menampilkan harga di thumbnail.<\/li>\n\n\n\n<li>Show Number of Views: Menampilkan jumlah tayangan di thumbnail.<\/li>\n\n\n\n<li>Show Duration: Menampilkan durasi video atau konten di thumbnail.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Website Editor adalah fitur terbaru dari Mocaastv yang memberikan kamu kendali penuh untuk membuat website sesuai dengan identitas brand kamu. Dengan Mocaastv Website Editor, kamu bisa mengatur tampilan website sesuai dengan keinginanmu. Yuk, simak caranya di bawah ini! Cara Mengakses Website Editor Fitur ini bisa langsung Kamu akses di dashboard Mocaastv. Cukup klik menu Website Editor, dan Kamu akan diarahkan ke halaman untuk mulai mengedit. Penjelasan Fitur Website Editor Setelah mengklik menu Website Editor, Kamu akan masuk ke halaman editing seperti tampilan di atas. Di bagian pojok kanan atas ada 3 button dengan fungsi sebagai berikut: Untuk mengedit tampilan website, ada 5 menu utama di bagian kanan website editor, yaitu website, Banner Content, Banner Layout, Banner Text dan Thumbnail Elements. Untuk penjelasan lebih detail tentang masing-masing fungsi menu utama, bisa Kamu simak di bawah ini. 1. Website Ketika mengelola platform VOD, penting untuk memastikan tampilan dan identitas website sesuai dengan kebutuhan dan preferensi Kamu. Dalam menu ini, Kamu dapat melakukan berbagai pengaturan untuk menyesuaikan tampilan website agar lebih menarik dan profesional. Menu ini terdiri dari: Klik kotak merah dan scroll ke bawah untuk melihat pilihan warna tema yang tersedia. 2. Banner Content Bagian ini memungkinkan Kamu untuk mengatur konten banner [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2210,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2113","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creator-kickstart"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tutorial Website Editor: Personalisasi Tampilan Websitemu! - Mocaas 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:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial Website Editor: Personalisasi Tampilan Websitemu! - Mocaas Blog\" \/>\n<meta property=\"og:description\" content=\"Website Editor adalah fitur terbaru dari Mocaastv yang memberikan kamu kendali penuh untuk membuat website sesuai dengan identitas brand kamu. Dengan Mocaastv Website Editor, kamu bisa mengatur tampilan website sesuai dengan keinginanmu. Yuk, simak caranya di bawah ini! Cara Mengakses Website Editor Fitur ini bisa langsung Kamu akses di dashboard Mocaastv. Cukup klik menu Website Editor, dan Kamu akan diarahkan ke halaman untuk mulai mengedit. Penjelasan Fitur Website Editor Setelah mengklik menu Website Editor, Kamu akan masuk ke halaman editing seperti tampilan di atas. Di bagian pojok kanan atas ada 3 button dengan fungsi sebagai berikut: Untuk mengedit tampilan website, ada 5 menu utama di bagian kanan website editor, yaitu website, Banner Content, Banner Layout, Banner Text dan Thumbnail Elements. Untuk penjelasan lebih detail tentang masing-masing fungsi menu utama, bisa Kamu simak di bawah ini. 1. Website Ketika mengelola platform VOD, penting untuk memastikan tampilan dan identitas website sesuai dengan kebutuhan dan preferensi Kamu. Dalam menu ini, Kamu dapat melakukan berbagai pengaturan untuk menyesuaikan tampilan website agar lebih menarik dan profesional. Menu ini terdiri dari: Klik kotak merah dan scroll ke bawah untuk melihat pilihan warna tema yang tersedia. 2. Banner Content Bagian ini memungkinkan Kamu untuk mengatur konten banner [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/\" \/>\n<meta property=\"og:site_name\" content=\"Mocaas Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mocaastv\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-21T07:36:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-14T09:51:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-Editor-Personalisasi-Tampilan-Websitemu.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"692\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"mcsadmin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"mcsadmin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/\"},\"author\":{\"name\":\"mcsadmin\",\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/#\\\/schema\\\/person\\\/165c25968d21eb49baec76d8c504f7ac\"},\"headline\":\"Tutorial Website Editor: Personalisasi Tampilan Websitemu!\",\"datePublished\":\"2025-01-21T07:36:56+00:00\",\"dateModified\":\"2025-05-14T09:51:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/\"},\"wordCount\":941,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Website-Editor-Personalisasi-Tampilan-Websitemu.jpg\",\"articleSection\":[\"Creator Kickstart\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/\",\"url\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/\",\"name\":\"Tutorial Website Editor: Personalisasi Tampilan Websitemu! - Mocaas Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Website-Editor-Personalisasi-Tampilan-Websitemu.jpg\",\"datePublished\":\"2025-01-21T07:36:56+00:00\",\"dateModified\":\"2025-05-14T09:51:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Website-Editor-Personalisasi-Tampilan-Websitemu.jpg\",\"contentUrl\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Website-Editor-Personalisasi-Tampilan-Websitemu.jpg\",\"width\":1200,\"height\":692},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/website-editor-personalisasi-tampilan-websitemu\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial Website Editor: Personalisasi Tampilan Websitemu!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/\",\"name\":\"Mocaas Blog\",\"description\":\"Stay Inspired!\",\"publisher\":{\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/#organization\",\"name\":\"Mocaastv\",\"url\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/cropped-logo-mocaas-trans-1.png\",\"contentUrl\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/cropped-logo-mocaas-trans-1.png\",\"width\":250,\"height\":82,\"caption\":\"Mocaastv\"},\"image\":{\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mocaastv\",\"https:\\\/\\\/www.instagram.com\\\/mocaastv\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/mocaas-tv\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/#\\\/schema\\\/person\\\/165c25968d21eb49baec76d8c504f7ac\",\"name\":\"mcsadmin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ce9abb6ae57f2d05dc09a98d2d19fd197417c3e6dbe6f1225349e88a395e4ffd?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ce9abb6ae57f2d05dc09a98d2d19fd197417c3e6dbe6f1225349e88a395e4ffd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ce9abb6ae57f2d05dc09a98d2d19fd197417c3e6dbe6f1225349e88a395e4ffd?s=96&d=mm&r=g\",\"caption\":\"mcsadmin\"},\"sameAs\":[\"https:\\\/\\\/mocaas.tv\\\/blog\"],\"url\":\"https:\\\/\\\/mocaas.tv\\\/blog\\\/author\\\/mcsadmin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial Website Editor: Personalisasi Tampilan Websitemu! - Mocaas 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:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/","og_locale":"en_US","og_type":"article","og_title":"Tutorial Website Editor: Personalisasi Tampilan Websitemu! - Mocaas Blog","og_description":"Website Editor adalah fitur terbaru dari Mocaastv yang memberikan kamu kendali penuh untuk membuat website sesuai dengan identitas brand kamu. Dengan Mocaastv Website Editor, kamu bisa mengatur tampilan website sesuai dengan keinginanmu. Yuk, simak caranya di bawah ini! Cara Mengakses Website Editor Fitur ini bisa langsung Kamu akses di dashboard Mocaastv. Cukup klik menu Website Editor, dan Kamu akan diarahkan ke halaman untuk mulai mengedit. Penjelasan Fitur Website Editor Setelah mengklik menu Website Editor, Kamu akan masuk ke halaman editing seperti tampilan di atas. Di bagian pojok kanan atas ada 3 button dengan fungsi sebagai berikut: Untuk mengedit tampilan website, ada 5 menu utama di bagian kanan website editor, yaitu website, Banner Content, Banner Layout, Banner Text dan Thumbnail Elements. Untuk penjelasan lebih detail tentang masing-masing fungsi menu utama, bisa Kamu simak di bawah ini. 1. Website Ketika mengelola platform VOD, penting untuk memastikan tampilan dan identitas website sesuai dengan kebutuhan dan preferensi Kamu. Dalam menu ini, Kamu dapat melakukan berbagai pengaturan untuk menyesuaikan tampilan website agar lebih menarik dan profesional. Menu ini terdiri dari: Klik kotak merah dan scroll ke bawah untuk melihat pilihan warna tema yang tersedia. 2. Banner Content Bagian ini memungkinkan Kamu untuk mengatur konten banner [&hellip;]","og_url":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/","og_site_name":"Mocaas Blog","article_publisher":"https:\/\/www.facebook.com\/mocaastv","article_published_time":"2025-01-21T07:36:56+00:00","article_modified_time":"2025-05-14T09:51:45+00:00","og_image":[{"width":1200,"height":692,"url":"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-Editor-Personalisasi-Tampilan-Websitemu.jpg","type":"image\/jpeg"}],"author":"mcsadmin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"mcsadmin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#article","isPartOf":{"@id":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/"},"author":{"name":"mcsadmin","@id":"https:\/\/mocaas.tv\/blog\/#\/schema\/person\/165c25968d21eb49baec76d8c504f7ac"},"headline":"Tutorial Website Editor: Personalisasi Tampilan Websitemu!","datePublished":"2025-01-21T07:36:56+00:00","dateModified":"2025-05-14T09:51:45+00:00","mainEntityOfPage":{"@id":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/"},"wordCount":941,"commentCount":0,"publisher":{"@id":"https:\/\/mocaas.tv\/blog\/#organization"},"image":{"@id":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#primaryimage"},"thumbnailUrl":"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-Editor-Personalisasi-Tampilan-Websitemu.jpg","articleSection":["Creator Kickstart"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/","url":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/","name":"Tutorial Website Editor: Personalisasi Tampilan Websitemu! - Mocaas Blog","isPartOf":{"@id":"https:\/\/mocaas.tv\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#primaryimage"},"image":{"@id":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#primaryimage"},"thumbnailUrl":"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-Editor-Personalisasi-Tampilan-Websitemu.jpg","datePublished":"2025-01-21T07:36:56+00:00","dateModified":"2025-05-14T09:51:45+00:00","breadcrumb":{"@id":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#primaryimage","url":"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-Editor-Personalisasi-Tampilan-Websitemu.jpg","contentUrl":"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2025\/01\/Website-Editor-Personalisasi-Tampilan-Websitemu.jpg","width":1200,"height":692},{"@type":"BreadcrumbList","@id":"https:\/\/mocaas.tv\/blog\/website-editor-personalisasi-tampilan-websitemu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mocaas.tv\/blog\/"},{"@type":"ListItem","position":2,"name":"Tutorial Website Editor: Personalisasi Tampilan Websitemu!"}]},{"@type":"WebSite","@id":"https:\/\/mocaas.tv\/blog\/#website","url":"https:\/\/mocaas.tv\/blog\/","name":"Mocaas Blog","description":"Stay Inspired!","publisher":{"@id":"https:\/\/mocaas.tv\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mocaas.tv\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mocaas.tv\/blog\/#organization","name":"Mocaastv","url":"https:\/\/mocaas.tv\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mocaas.tv\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2023\/03\/cropped-logo-mocaas-trans-1.png","contentUrl":"https:\/\/mocaas.tv\/blog\/wp-content\/uploads\/2023\/03\/cropped-logo-mocaas-trans-1.png","width":250,"height":82,"caption":"Mocaastv"},"image":{"@id":"https:\/\/mocaas.tv\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mocaastv","https:\/\/www.instagram.com\/mocaastv\/","https:\/\/www.linkedin.com\/company\/mocaas-tv\/"]},{"@type":"Person","@id":"https:\/\/mocaas.tv\/blog\/#\/schema\/person\/165c25968d21eb49baec76d8c504f7ac","name":"mcsadmin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ce9abb6ae57f2d05dc09a98d2d19fd197417c3e6dbe6f1225349e88a395e4ffd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ce9abb6ae57f2d05dc09a98d2d19fd197417c3e6dbe6f1225349e88a395e4ffd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce9abb6ae57f2d05dc09a98d2d19fd197417c3e6dbe6f1225349e88a395e4ffd?s=96&d=mm&r=g","caption":"mcsadmin"},"sameAs":["https:\/\/mocaas.tv\/blog"],"url":"https:\/\/mocaas.tv\/blog\/author\/mcsadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/mocaas.tv\/blog\/wp-json\/wp\/v2\/posts\/2113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mocaas.tv\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mocaas.tv\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mocaas.tv\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mocaas.tv\/blog\/wp-json\/wp\/v2\/comments?post=2113"}],"version-history":[{"count":55,"href":"https:\/\/mocaas.tv\/blog\/wp-json\/wp\/v2\/posts\/2113\/revisions"}],"predecessor-version":[{"id":3166,"href":"https:\/\/mocaas.tv\/blog\/wp-json\/wp\/v2\/posts\/2113\/revisions\/3166"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mocaas.tv\/blog\/wp-json\/wp\/v2\/media\/2210"}],"wp:attachment":[{"href":"https:\/\/mocaas.tv\/blog\/wp-json\/wp\/v2\/media?parent=2113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mocaas.tv\/blog\/wp-json\/wp\/v2\/categories?post=2113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mocaas.tv\/blog\/wp-json\/wp\/v2\/tags?post=2113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}