{"id":19333,"date":"2023-11-10T16:28:30","date_gmt":"2023-11-10T09:28:30","guid":{"rendered":"https:\/\/www.makewebeasy.com\/id\/blog\/?post_type=manual-4&#038;p=19333"},"modified":"2023-11-14T09:44:54","modified_gmt":"2023-11-14T02:44:54","slug":"pengaturan-header","status":"publish","type":"manual-4","link":"https:\/\/www.makewebeasy.com\/id\/blog\/manual-4\/pengaturan-header\/","title":{"rendered":"Pengaturan Header"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Header adalah bagian teratas yang ada pada setiap halaman website. Bagian ini biasanya menampilkan logo, menu website, saluran kontak atau media sosial, dan lain-lain. Cara penyesuaian header dapat dibagi menjadi 4 cara:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Menu header (Header Menu)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tata letak (Layout)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Desain (Design)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Latar belakang header (Header Background)<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><b>Header Menu<\/b><\/h3>\n<p><span style=\"font-weight: 400\">1. Masuk ke tab \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Design Website<\/span><span style=\"font-weight: 400\">\u201d pada dashboard. Lalu klik \u201c<\/span><span style=\"font-weight: 400\">Header<\/span><span style=\"font-weight: 400\">\u201d pada Site Settings.<\/span><\/p>\n<p><span style=\"font-weight: 400\">2. Klik tombol \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Manage<\/span><span style=\"font-weight: 400\">\u201d di samping Header Menu.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19334\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-148-920x367-1.png\" alt=\"\" width=\"920\" height=\"367\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-148-920x367-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-148-920x367-1-620x247.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3. Sistem akan menampilkan modal menambahkan menu (Manage Header Menu)<\/span><\/p>\n<p><span style=\"font-weight: 400\">4. Klik tombol \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Add Menu<\/span><span style=\"font-weight: 400\">\u201d.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19335\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-149-920x403-1.png\" alt=\"\" width=\"920\" height=\"403\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-149-920x403-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-149-920x403-1-620x272.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">5. Sistem akan menampilkan modal Add Menu.<\/span><\/p>\n<p><span style=\"font-weight: 400\">6. Anda dapat membuat menu baru dan memilih jenis menu yang diinginkan.<\/span><\/p>\n<p><span style=\"font-weight: 400\">7. Klik pada pilihan (Dropdown) sistem menampilkan tiga pilihan:<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li style=\"font-weight: 400\"><b>Link (URL)<\/b><span style=\"font-weight: 400\">: Digunakan jika menunya adalah situs web internal. Klik dan menu akan keluar.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Halaman (Page)<\/b><span style=\"font-weight: 400\">: Jika menu berisi konten, gambar, desain, atau sistem produk. Anda perlu membuat menu halamannya terlebih dahulu, setelah dibuat akan ada pilihan yang tersedia.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Anchor<\/b><span style=\"font-weight: 400\">: Digunakan jika situs web berupa single page namun menggunakan section yang berbeda.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19336\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-150-920x463-1.jpg\" alt=\"\" width=\"920\" height=\"463\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-150-920x463-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-150-920x463-1-620x312.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">7.1 Saat memilih \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">URL<\/span><span style=\"font-weight: 400\">\u201d, sistem akan meminta Anda untuk mengisi informasi link.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19337\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-151-920x368-1.png\" alt=\"\" width=\"920\" height=\"368\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-151-920x368-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-151-920x368-1-620x248.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">7.2 Saat memilih \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Page<\/span><span style=\"font-weight: 400\">\u201d, Anda akan diminta memasukan halaman yang dipilih.<\/span>\u00a0<img loading=\"lazy\" class=\"alignnone size-full wp-image-19339\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-152-920x370-1.png\" alt=\"\" width=\"920\" height=\"370\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-152-920x370-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-152-920x370-1-620x249.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">7.3 Saat memilih \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Anchor<\/span><span style=\"font-weight: 400\">\u201d, sistem akan meminta Anda untuk memilih halaman dan bagian (section) seperti yang ditunjukkan.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19338\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-154-920x369-1.png\" alt=\"\" width=\"920\" height=\"369\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-154-920x369-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-154-920x369-1-620x249.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<ol start=\"8\">\n<li><span style=\"font-weight: 400\"> Klik tombol &#8220;<\/span><span style=\"font-weight: 400\">Save<\/span><span style=\"font-weight: 400\">&#8221; dan sistem akan menampilkan menu yang telah Anda buat.<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19340\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-153-920x364-1.png\" alt=\"\" width=\"920\" height=\"364\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-153-920x364-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-153-920x364-1-620x245.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<h3><\/h3>\n<h3><b>Layout<\/b><\/h3>\n<p><span style=\"font-weight: 400\">1. Masuk ke menu &#8220;<span style=\"color: #00ffff\">Header<\/span>&#8220;.<\/span><\/p>\n<p><span style=\"font-weight: 400\">2. Klik \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Layout<\/span><span style=\"font-weight: 400\">\u201d dan sistem akan menampilkan 4 format tampilan.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19342\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-157-920x443-1.jpg\" alt=\"\" width=\"920\" height=\"443\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-157-920x443-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-157-920x443-1-620x299.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3. Klik \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Thumbnail<\/span><span style=\"font-weight: 400\">\u201d untuk memilih gaya menu yang diinginkan.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19343\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-158-920x443-1.jpg\" alt=\"\" width=\"920\" height=\"443\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-158-920x443-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-158-920x443-1-620x299.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><b>Pada setiap format, pengguna dapat mengklik tombol untuk menghidupkan\/mematikan pengaturan tampilan menu atas sebagai berikut.<\/b><\/p>\n<ul>\n<li><b>Stretch to full width: <\/b><span style=\"font-weight: 400\">bagian yang membuat menu atas memanjang ke lebar penuh.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19344\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-159-920x338-1.png\" alt=\"\" width=\"920\" height=\"338\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-159-920x338-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-159-920x338-1-620x228.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19345\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-62-920x349-1.jpg\" alt=\"\" width=\"920\" height=\"349\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-62-920x349-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-62-920x349-1-620x235.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p style=\"text-align: center\"><span style=\"font-size: 10pt\"><span style=\"font-weight: 400\">Hasil <\/span><i><span style=\"font-weight: 400\">Stretch to full width<\/span><\/i><\/span><b><\/b><\/p>\n<ul>\n<li><b>Expand Menu: <\/b><span style=\"font-weight: 400\">Tampilkan semua menu (tanpa opsi more)<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19347\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-160-920x322-1.png\" alt=\"\" width=\"920\" height=\"322\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-160-920x322-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-160-920x322-1-620x217.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19346\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-61-920x540-1.jpg\" alt=\"\" width=\"920\" height=\"540\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-61-920x540-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-61-920x540-1-620x364.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p style=\"text-align: center\"><span style=\"font-size: 10pt\"><span style=\"font-weight: 400\">Hasil <\/span><i><span style=\"font-weight: 400\">Expand Menu<\/span><\/i><\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><b>Connect to section below:<\/b><span style=\"font-weight: 400\">\u00a0 Hubungkan latar belakang menu atas dengan bagian berikutnya<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19348\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-161-920x327-1.jpg\" alt=\"\" width=\"920\" height=\"327\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-161-920x327-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-161-920x327-1-620x220.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19349\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-59-920x451-1.png\" alt=\"\" width=\"920\" height=\"451\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-59-920x451-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-59-920x451-1-620x304.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p style=\"text-align: center\"><span style=\"font-size: 10pt\"><span style=\"font-weight: 400\">Hasil<\/span><i><span style=\"font-weight: 400\"> connect to section below<\/span><\/i><\/span><b><\/b><\/p>\n<ul>\n<li><b>Sticky on Scroll: <\/b><span style=\"font-weight: 400\">Header menu selalu ikut mengikuti saat laman di scroll.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19350\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-162-920x328-1.png\" alt=\"\" width=\"920\" height=\"328\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-162-920x328-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-162-920x328-1-620x221.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19351\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-60-920x385-1.jpg\" alt=\"\" width=\"920\" height=\"385\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-60-920x385-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/image-60-920x385-1-620x259.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p style=\"text-align: center\"><span style=\"font-weight: 400;font-size: 10pt\">Hasil Sticky on Scroll<\/span><\/p>\n<p><b>Tips<\/b><span style=\"font-weight: 400\">: Untuk menu dalam format mobile akan berbentuk tiga baris yang disebut \u201c<\/span><b>menu hamburger<\/b><span style=\"font-weight: 400\">\u201d. Anda dapat memilih format di bar Mobile.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19352\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-163-920x450-1.png\" alt=\"\" width=\"920\" height=\"450\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-163-920x450-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-163-920x450-1-620x303.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<h3><b>3. Design<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Pengguna dapat menyalakan\/mematikan berbagai tampilan informasi pada Hearder dengan mengklik tab <\/span><b>Header &gt; Design<\/b><span style=\"font-weight: 400\">. Sistem menampilkan informasi on\/off sebagai berikut:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Header menu<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Logo<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Keranjang (Cart)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bahasa (Language)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Mata Uang (Currency)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Social Media<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Pencarian (Search)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Keanggotaan (Member)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Top menu<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19353\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-164-920x352-1.png\" alt=\"\" width=\"920\" height=\"352\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-164-920x352-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-164-920x352-1-620x237.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<h3><span style=\"font-weight: 400\">Header Menu<\/span><\/h3>\n<p><span style=\"font-weight: 400\">1. Pengguna dapat klik \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Header Menu<\/span><span style=\"font-weight: 400\">\u201d.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19354\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-174-920x458-1.jpg\" alt=\"\" width=\"920\" height=\"458\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-174-920x458-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-174-920x458-1-620x309.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">2. Sistem akan menampilkan Site Settings di sisi yang terdiri dari tema saat ini (My Theme) dan menu template. Pengguna dapat memilih template dan menyesuaikan desain mereka sendiri sesuai dengan poin 3.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><b>My Theme<\/b><span style=\"font-weight: 400\"> adalah tema menu yang digunakan pengguna saat ini.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Template<\/b><span style=\"font-weight: 400\"> adalah<\/span> <span style=\"font-weight: 400\">sekumpulan tema menu sistem.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19355\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-175-920x458-1.jpg\" alt=\"\" width=\"920\" height=\"458\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-175-920x458-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-175-920x458-1-620x309.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3. Anda dapat menyesuaikan desain Anda sendiri dengan klik tombol &#8220;<\/span><span style=\"font-weight: 400;color: #00ffff\">Custom Design<\/span><span style=\"font-weight: 400\">&#8220;.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19356\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-176-920x458-1.jpg\" alt=\"\" width=\"920\" height=\"458\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-176-920x458-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-176-920x458-1-620x309.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">4. Sistem menampilkan Site Settings dalam 2 bagian. \u201cDesign\u201d untuk penyesuaian menu, dan \u201cText\u201d untuk mengubah font, ukuran font, dan sebagainya.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19357\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-173.png\" alt=\"\" width=\"784\" height=\"907\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-173.png 784w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-173-620x717.png 620w\" sizes=\"(max-width: 784px) 100vw, 784px\" \/><\/p>\n<p><b>4.1 Langkah untuk menyesuaikan format menu<\/b><\/p>\n<p><span style=\"font-weight: 400\">1. Klik pada tab \u201c<span style=\"color: #00ffff\">Design<\/span>\u201d untuk menyesuaikan gaya menu utama (Design Main Menu) dan menyesuaikan menu sekunder (Design Sub Menu).<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19358\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-165-920x401-1.jpg\" alt=\"\" width=\"920\" height=\"401\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-165-920x401-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-165-920x401-1-620x270.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">2. Klik pada <\/span><span style=\"font-weight: 400\">Layout \u201c<span style=\"color: #00ffff\">Thumbnail<\/span><\/span><span style=\"font-weight: 400\">\u201d untuk mengubah tampilan menu.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19359\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-166-920x401-1.jpg\" alt=\"\" width=\"920\" height=\"401\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-166-920x401-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-166-920x401-1-620x270.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3. Klik pada <span style=\"color: #00ffff\">kotak warna<\/span> untuk menyesuaikan warna latar belakang, garis tepi, dan garis menu.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19360\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-167-920x401-1.jpg\" alt=\"\" width=\"920\" height=\"401\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-167-920x401-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-167-920x401-1-620x270.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">4. Klik pada dropdown Border Style untuk memilih format perbatasannya. Ada 3 gaya perbatasan yang ditentukan oleh sistem:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Persegi (Square)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tepi membulat (Rounded)\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tepi melengkung (Rounder)<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19361\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-168-920x390-1.jpg\" alt=\"\" width=\"920\" height=\"390\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-168-920x390-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-168-920x390-1-620x263.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">5. Klik pada <\/span><span style=\"font-weight: 400\">\u201d<span style=\"color: #00ffff\">Thumbnail<\/span>\u201d Layout<\/span><span style=\"font-weight: 400\"> Design Sub Menu untuk mengubah tampilan menu.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19362\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-169-920x401-1.jpg\" alt=\"\" width=\"920\" height=\"401\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-169-920x401-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-169-920x401-1-620x270.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">6. Klik pada \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">kotak warna<\/span><span style=\"font-weight: 400\">\u201d untuk menyesuaikan warna latar belakang (normal) dan warna latar belakang (hover).<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19363\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-170-920x401-1.jpg\" alt=\"\" width=\"920\" height=\"401\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-170-920x401-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-170-920x401-1-620x270.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">7. Terdapat tiga model Border Radius pada pilihan dropdowns berupa:<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Persegi (Square)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tepi membulat (Rounded)\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tepi melengkung (Rounder)<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19364\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-171-920x449-1.jpg\" alt=\"\" width=\"920\" height=\"449\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-171-920x449-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-171-920x449-1-620x303.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><b>4.2 Langkah untuk mengedit Text<\/b><\/p>\n<p><span style=\"font-weight: 400\">Klik pada baris \u201c<\/span><span style=\"font-weight: 400\">Text<\/span><span style=\"font-weight: 400\">\u201d untuk mengubah bentuk font, ukuran font, dan warna font menu utama dan submenu.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19365\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-172-920x353-1.jpg\" alt=\"\" width=\"920\" height=\"353\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-172-920x353-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-172-920x353-1-620x238.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400\">Logo<\/span><\/h3>\n<p><span style=\"font-weight: 400\">1. Klik \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Logo<\/span><span style=\"font-weight: 400\">\u201d<\/span><\/p>\n<p><span style=\"font-weight: 400\">2. Sistem menampilkan Site Settings di sisi kiri.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19366\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-177-920x340-1.png\" alt=\"\" width=\"920\" height=\"340\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-177-920x340-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-177-920x340-1-620x229.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19367\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-178-920x342-1.png\" alt=\"\" width=\"920\" height=\"342\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-178-920x342-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-178-920x342-1-620x230.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3. Klik tombol \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Browse<\/span><span style=\"font-weight: 400\">\u201d untuk mengunggah gambar logo situs web Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400\">4. Anda dapat mengubah ukuran gambar, lebar dan tinggi sesuai kebutuhan.<\/span><\/p>\n<p><span style=\"font-weight: 400\">5. Klik tombol \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Default<\/span><span style=\"font-weight: 400\">\u201d untuk mengatur logo sebagai default.<\/span><\/p>\n<p><span style=\"font-weight: 400\">6. Klik tombol &#8220;<\/span><span style=\"font-weight: 400;color: #00ffff\">On\/Off<\/span><span style=\"font-weight: 400\">&#8221; untuk mengatur penggunaan logo yang sama pada tampilan ponsel.<\/span><\/p>\n<p><b>Catatan<\/b><span style=\"font-weight: 400\">: Menggunakan logo yang sama di ponsel<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">OFF artinya menggunakan gaya logo website mobile yang berbeda dengan versi desktop.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">ON adalah penggunaan logo web yang sama untuk desktop dan mobile.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400\">Keranjang (Cart)<\/span><\/h3>\n<p><span style=\"font-weight: 400\">1. Klik <\/span><span style=\"font-weight: 400;color: #00ffff\">ikon keranjang<\/span><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><span style=\"font-weight: 400\">2. Sistem menampilkan Site Settings di sisi kiri.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19368\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-179-1-920x352-1.png\" alt=\"\" width=\"920\" height=\"352\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-179-1-920x352-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-179-1-920x352-1-620x237.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19369\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-180-1-920x369-1.png\" alt=\"\" width=\"920\" height=\"369\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-180-1-920x369-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-180-1-920x369-1-620x249.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3. Anda dapat mengklik <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Thumbnail<\/span>\u201d Layout<\/span><span style=\"font-weight: 400\"> untuk memilih desain keranjang produk.<\/span><\/p>\n<p><span style=\"font-weight: 400\">4. Anda dapat mengklik \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Kotak Warna<\/span><span style=\"font-weight: 400\">\u201d untuk mengatur warna ikon keranjang belanja dan angkanya.<\/span><\/p>\n<p><span style=\"font-weight: 400\">5. Klik \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Cart Size<\/span><span style=\"font-weight: 400\">\u201d untuk memilih ukuran ikon keranjang.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400\">Bahasa (Language)<\/span><\/h3>\n<p><span style=\"font-weight: 400\">1. Klik gambar <span style=\"color: #00ffff\">bendera nasional<\/span>.<\/span><\/p>\n<p><span style=\"font-weight: 400\">2. Sistem menampilkan Site Settings di sisi kiri.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19370\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-181-920x340-1.png\" alt=\"\" width=\"920\" height=\"340\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-181-920x340-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-181-920x340-1-620x229.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19371\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-182-920x344-1.png\" alt=\"\" width=\"920\" height=\"344\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-182-920x344-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-182-920x344-1-620x232.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3. Anda dapat memilih format tampilan bahasa dengan mengklik <\/span><span style=\"font-weight: 400\">\u201d<span style=\"color: #00ffff\">thumbnail<\/span>\u201d (Layout)<\/span><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><span style=\"font-weight: 400\">4. Klik pada \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Kotak Warna<\/span><span style=\"font-weight: 400\">\u201d untuk mengatur warna Background color dan Border color.<\/span><\/p>\n<p><span style=\"font-weight: 400\">5. Klik pada tab \u201c<span style=\"color: #00ffff\">Text<\/span>\u201d untuk menyesuaikan huruf yang ditampilkan di sebelah bendera nasional bahasa Anda.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19372\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-183-920x346-1.png\" alt=\"\" width=\"920\" height=\"346\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-183-920x346-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-183-920x346-1-620x233.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400\">Mata Uang (Currency)<\/span><\/h3>\n<p><span style=\"font-weight: 400\">1. Klik &#8220;<span style=\"color: #00ffff\">Currency<\/span>&#8220;.<\/span><\/p>\n<p><span style=\"font-weight: 400\">2. Sistem menampilkan Site Settings di sisi kiri.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19373\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-184-920x345-1.png\" alt=\"\" width=\"920\" height=\"345\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-184-920x345-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-184-920x345-1-620x233.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19374\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-185-920x345-1.png\" alt=\"\" width=\"920\" height=\"345\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-185-920x345-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-185-920x345-1-620x233.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/>3. Klik \u201c<span style=\"color: #00ffff\">Thumbnail Currency<\/span>\u201d (Layout) untuk memilih format tampilan sesuai keinginan.<\/p>\n<p><span style=\"font-weight: 400\">4. Klik pada <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Kotak Warna<\/span>\u201d<\/span><span style=\"font-weight: 400\"> untuk mengatur warna latar belakang dan warna batas.<\/span><\/p>\n<p><span style=\"font-weight: 400\">5. Klik pada tab \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Text<\/span><span style=\"font-weight: 400\">\u201d untuk menyesuaikan gaya font, ukuran, dan warna baik dalam format normal maupun saat diarahkan dengan mouse.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19375\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-186-920x346-1.png\" alt=\"\" width=\"920\" height=\"346\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-186-920x346-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-186-920x346-1-620x233.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400\">Social Media (Social)<\/span><\/h3>\n<p><span style=\"font-weight: 400\">1. Klik <span style=\"color: #00ffff\">ikon social media<\/span>.<\/span><\/p>\n<p><span style=\"font-weight: 400\">2. Sistem menampilkan Site Settings di sisi kiri, dengan rincian sebagai berikut:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Pengaturan <\/span><b>Social URL<\/b><\/li>\n<li style=\"font-weight: 400\"><b>My Template<\/b><span style=\"font-weight: 400\"> adalah tema sosial yang saat ini digunakan oleh pengguna.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Template<\/b><span style=\"font-weight: 400\"> adalah kumpulan tema sosial sistem.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19376\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-187-920x458-1.jpg\" alt=\"\" width=\"920\" height=\"458\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-187-920x458-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-187-920x458-1-620x309.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3. Klik tombol \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Manage<\/span><span style=\"font-weight: 400\">\u201d<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19377\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-188-920x458-1.jpg\" alt=\"\" width=\"920\" height=\"458\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-188-920x458-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-188-920x458-1-620x309.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">4. Sistem tampilan Modal, pengaturan buka dan tutup tampilan sosial, pengguna dapat memasukkan tautan saluran kontak situs<\/span><\/p>\n<p><span style=\"font-weight: 400\">5. Ketika Anda mengklik tombol &#8220;<\/span><span style=\"font-weight: 400;color: #00ffff\">Save<\/span><span style=\"font-weight: 400\">&#8220;, sistem akan menampilkan gambar sosial di bagian menu atas.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19378\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-189-920x458-1.jpg\" alt=\"\" width=\"920\" height=\"458\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-189-920x458-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-189-920x458-1-620x309.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">6. Pengguna dapat memilih desain dari widget sosial dari template yang tersedia. Jika Anda ingin desain sendiri, klik tombol &#8220;<\/span><span style=\"font-weight: 400;color: #00ffff\">Custom Design<\/span><span style=\"font-weight: 400\">&#8220;.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19379\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-190-920x458-1.jpg\" alt=\"\" width=\"920\" height=\"458\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-190-920x458-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-190-920x458-1-620x309.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">7. Pengguna dapat mengklik <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Thumbnail<\/span>&#8221; (layout)<\/span><span style=\"font-weight: 400\"> untuk memilih tata letak sosial sesuai kebutuhan Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400\">8. Klik \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Kotak Warna<\/span><span style=\"font-weight: 400\">\u201d untuk mengatur warna ikon dari widget media sosial (social widget color).<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19380\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-191-920x346-1.png\" alt=\"\" width=\"920\" height=\"346\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-191-920x346-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-191-920x346-1-620x233.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400\">Pencarian (Search)<\/span><\/h3>\n<p><span style=\"font-weight: 400\">1. Klik ikon <span style=\"color: #00ffff\">kaca pembesar<\/span>.<\/span><\/p>\n<p><span style=\"font-weight: 400\">2. Sistem menampilkan Site Settings di sisi kiri.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19381\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-192-920x342-1.png\" alt=\"\" width=\"920\" height=\"342\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-192-920x342-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-192-920x342-1-620x230.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19382\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-193-920x344-1.png\" alt=\"\" width=\"920\" height=\"344\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-193-920x344-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-193-920x344-1-620x232.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/>3. Klik \u201c<span style=\"color: #00ffff\">Thumbnail search box<\/span>\u201d (layout) untuk memilih format tampilan sesuai keinginan.<\/p>\n<p>4. Klik pada \u201c<span style=\"color: #00ffff\">Kotak Warna<\/span>\u201d untuk mengatur warna berbagai bagian di kotak pencarian.<\/p>\n<p>5. Klik opsi \u201c<span style=\"color: #00ffff\">Search size<\/span>\u201d untuk mengatur ukuran kotak pencarian.<\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400\">Keanggotaan (Member)<\/span><\/h3>\n<p><span style=\"font-weight: 400\">1. Klik pada <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Login | Register<\/span>\u201d<\/span><\/p>\n<p><span style=\"font-weight: 400\">2. Sistem menampilkan Site Settings di sisi kiri.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><b>My Theme<\/b><span style=\"font-weight: 400\"> adalah tema gaya tombol anggota yang saat ini digunakan oleh pengguna.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Template<\/b><span style=\"font-weight: 400\"> adalah sekumpulan tema tombol anggota sistem.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19383\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-194-920x462-1.jpg\" alt=\"\" width=\"920\" height=\"462\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-194-920x462-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-194-920x462-1-620x311.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3. Untuk mendesain tombol anggota, klik tombol \u201c<\/span><span style=\"font-weight: 400;color: #00ffff\">Custom Design<\/span><span style=\"font-weight: 400\">\u201d.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19384\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-195-920x462-1.jpg\" alt=\"\" width=\"920\" height=\"462\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-195-920x462-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-195-920x462-1-620x311.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">4. Sistem menampilkan Site Settings dalam 2 bagian.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bagian <\/span><b>\u201cDesign\u201d<\/b><span style=\"font-weight: 400\"> untuk menyesuaikan format tombol keanggotaan.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bagian <\/span><b>\u201cText\u201d<\/b><span style=\"font-weight: 400\"> untuk mengubah gaya font, ukuran font, dll.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19385\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-196-920x349-1.png\" alt=\"\" width=\"920\" height=\"349\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-196-920x349-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-196-920x349-1-620x235.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19386\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-197-920x349-1.png\" alt=\"\" width=\"920\" height=\"349\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-197-920x349-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-197-920x349-1-620x235.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/>5. Klik pada tab \u201c<span style=\"color: #00ffff\">Desain<\/span>\u201d untuk menyesuaikan gaya tombol keanggotaan.<\/p>\n<p><span style=\"font-weight: 400\">6. Klik <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Thumbnail Member widget style<\/span>\u201d (layout)<\/span><span style=\"font-weight: 400\"> untuk memilih format tampilan tombol anggota.<\/span><\/p>\n<p><span style=\"font-weight: 400\">7. Klik <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Separators<\/span>\u201d<\/span><span style=\"font-weight: 400\"> untuk mengatur format pemisah.<\/span><\/p>\n<p><span style=\"font-weight: 400\">8. Klik <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Text<\/span>\u201d<\/span><span style=\"font-weight: 400\"> untuk menyesuaikan gaya font, ukuran, dan warna font baik dalam format normal maupun saat diarahkan dengan mouse.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19387\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-198-920x346-1.png\" alt=\"\" width=\"920\" height=\"346\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-198-920x346-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-198-920x346-1-620x233.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400\">Top Menu<\/span><\/h3>\n<p style=\"text-align: justify\"><b>Top Menu<\/b><span style=\"font-weight: 400\"> adalah menu yang terletak di bagian atas website. Sebagian besar adalah halaman atau submenu lain yang ingin dilihat oleh pengunjung situs web. Pengguna dapat memilih font, ukuran, gaya font, dan warna. Pengguna juga dapat menambahkan atau mengelola sendiri menu teratas dengan menyesuaikan gaya menu teratas sebagai berikut.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Klik menu <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Top Menu<\/span>\u201d<\/span><span style=\"font-weight: 400\">.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sistem menampilkan Site Settings di sisi kiri, menampilkan menu pengaturan dan kustomisasi karakter dan warna menu bar bagian atas.<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19388\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-199-920x336-1.png\" alt=\"\" width=\"920\" height=\"336\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-199-920x336-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-199-920x336-1-620x226.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3. Klik tombol <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Manage<\/span>\u201d<\/span><span style=\"font-weight: 400\"> untuk menambahkan menu di bar atas.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19389\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-200-920x336-1.png\" alt=\"\" width=\"920\" height=\"336\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-200-920x336-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-200-920x336-1-620x226.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/>4. Sistem tampilan modal menambahkan menu (Add Top Menu).<\/p>\n<p>5. Klik tombol \u201c<span style=\"color: #00ffff\">Add Menu<\/span>\u201d.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19390\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-201-920x341-1.png\" alt=\"\" width=\"920\" height=\"341\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-201-920x341-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-201-920x341-1-620x230.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19391\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-202-920x373-1.png\" alt=\"\" width=\"920\" height=\"373\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-202-920x373-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-202-920x373-1-620x251.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p>6. Tetapkan nama menu dan pilih jenis menu yang diinginkan<\/p>\n<p><span style=\"font-weight: 400\">7. Klik pada pilihan (Dropdown), sistem akan menampilkan 2 pilihan:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tautan (URL)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Halaman<\/span><\/li>\n<\/ul>\n<p>8. Klik tombol \u201c<span style=\"color: #00ffff\">Save<\/span>\u201d, sistem akan menampilkan menu yang telah kita buat.<\/p>\n<p>9. Pengguna dapat menyesuaikan gaya font, ukuran font, dan warna font seperti yang ditunjukkan pada gambar.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19392\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-203-920x344-1.png\" alt=\"\" width=\"920\" height=\"344\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-203-920x344-1.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-203-920x344-1-620x232.png 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<h3><span style=\"font-weight: 400\">Text<\/span><\/h3>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Klik <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Text<\/span>\u201d<\/span><span style=\"font-weight: 400\"> di bilah menu atas untuk mengubah teks.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Klik tombol <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Edit Text<\/span>\u201d<\/span><span style=\"font-weight: 400\">.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sistem menampilkan modal untuk menyesuaikan desain pesan. Pengguna dapat menyesuaikan gaya font, ukuran font sesuai kebutuhan.<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19393\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-204-920x354-1.jpg\" alt=\"\" width=\"920\" height=\"354\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-204-920x354-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-204-920x354-1-620x239.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><b>Header Background<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Pengguna dapat menyesuaikan latar belakang atas dalam 2 bagian:<\/span><\/p>\n<ul>\n<li><b>Header Background<\/b><\/li>\n<li><b>Top Bar Background<\/b><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>4.1 Header Background<\/strong><\/p>\n<p><span style=\"font-weight: 400\">1. Klik pada tab <\/span><span style=\"font-weight: 400\">&#8220;<span style=\"color: #00ffff\">Header<\/span>&#8220;<\/span><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19394\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-210-920x380-1.jpg\" alt=\"\" width=\"920\" height=\"380\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-210-920x380-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-210-920x380-1-620x256.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">2. Klik pada tab <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Header Background<\/span>\u201d<\/span><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19395\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-211-920x380-1.jpg\" alt=\"\" width=\"920\" height=\"380\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-211-920x380-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-211-920x380-1-620x256.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3. Sistem tampilan Modal memungkinkan Anda memilih dari 3 format background.<\/span><\/p>\n<p>3.1<b> Transparent<\/b><span style=\"font-weight: 400\">: Latar belakang transparan ini akan menjadi warna background website yang dipilih.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19396\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-212-920x378-1.jpg\" alt=\"\" width=\"920\" height=\"378\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-212-920x378-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-212-920x378-1-620x255.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p>3.2<b> Color<\/b><span style=\"font-weight: 400\">: Pengguna dapat memilih warna yang diinginkan dengan mengklik kotak warna<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19397\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-213-920x379-1.jpg\" alt=\"\" width=\"920\" height=\"379\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-213-920x379-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-213-920x379-1-620x255.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p>3.3<b> Gradient: <\/b><span style=\"font-weight: 400\">Pengguna dapat memilih 2 warna dengan Gradient Position sesuai kebutuhan<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19398\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-214-920x378-1.jpg\" alt=\"\" width=\"920\" height=\"378\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-214-920x378-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-214-920x378-1-620x255.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>4.2 Top Bar Background<\/b><\/p>\n<p><span style=\"font-weight: 400\">1. Klik menu <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Header<\/span>\u201d<\/span><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19399\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-210-920x380-1-1.jpg\" alt=\"\" width=\"920\" height=\"380\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-210-920x380-1-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-210-920x380-1-1-620x256.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">2 Klik <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Header Background<\/span>\u201d<\/span><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19400\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-211-920x380-1-1.jpg\" alt=\"\" width=\"920\" height=\"380\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-211-920x380-1-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-211-920x380-1-1-620x256.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3 Klik pada <\/span><span style=\"font-weight: 400\">\u201c<span style=\"color: #00ffff\">Kotak Warna<\/span>\u201d<\/span><span style=\"font-weight: 400\"> untuk mengatur warna Top Bar situs web.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-19401\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-215-920x394-1.jpg\" alt=\"\" width=\"920\" height=\"394\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-215-920x394-1.jpg 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-215-920x394-1-620x266.jpg 620w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n","protected":false},"featured_media":0,"template":"","manual_category_v4":[1982],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pengaturan Header - MakeWebaEasy Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/id\/blog\/manual-4\/pengaturan-header\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Pengaturan Header - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"Header adalah bagian teratas yang ada pada setiap halaman website. Bagian ini biasanya menampilkan logo, menu website, saluran kontak atau media sosial, dan lain-lain. Cara penyesuaian header dapat dibagi menjadi 4 cara: Menu header (Header Menu) Tata letak (Layout) Desain (Design) Latar belakang header (Header Background) &nbsp; Header Menu 1. Masuk ke tab \u201cDesign Website\u201d [&hellip;]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-148-920x367-1.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/manual-4\/19333"}],"collection":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/manual-4"}],"about":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/types\/manual-4"}],"wp:attachment":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=19333"}],"wp:term":[{"taxonomy":"manual_category_v4","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/manual_category_v4?post=19333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}