{"id":9174,"date":"2022-08-23T10:34:48","date_gmt":"2022-08-23T03:34:48","guid":{"rendered":"https:\/\/idwebhost.com\/tutorial\/?post_type=dt_articles&#038;p=9174"},"modified":"2022-09-12T14:52:17","modified_gmt":"2022-09-12T07:52:17","slug":"cara-mengubah-logo-roundcube-menjadi-logo-sendiri","status":"publish","type":"dt_articles","link":"https:\/\/idwebhost.com\/tutorial\/kb\/cara-mengubah-logo-roundcube-menjadi-logo-sendiri\/","title":{"rendered":"Cara Mengubah Logo Roundcube Menjadi Logo Sendiri"},"content":{"rendered":"<p>Logo adalah salah satu ciri sebuah bisnis yang nampak profesional. Logo bisa ditempatkan di mana saja, termasuk di web mail Roundcube. Jadi, kamu harus tahu, cara mengubah logo Roundcube menjadi logo sendiri.<\/p>\n<p>Untuk mengelola email dengan domain sendiri, kamu bisa menggunakan fitur web mail yang ada di cPanel.<\/p>\n<p>Kembali ke web mail cpanel. Untuk mengelola web mail di cPanel, kamu bisa menggunakan Roundcube.<\/p>\n<p>Roundcube adalah email client berbasis website. Penggunaannya selayaknya aplikasi email populer yang banyak digunakan sekarang, Gmail, misalnya.<\/p>\n<p>Kamu bisa menulis email, melihat email keluar masuk, dan mengubah logo Roundcube menjadi logomu sendiri, lho!<\/p>\n<p>Ikuti tutorial mengubah logo Roundcube berikut ini:<\/p>\n<h2>Yang harus disiapkan:<\/h2>\n<h3>1. Email dengan domain sendiri<\/h3>\n<p>Mempunyai email menggunakan domain sendiri, tentu menyenangkan. Dengan domain sendiri, kamu akan terlihat lebih profesional. Kepercayaan dari orang lain, baik itu mitra bisnis maupun audiens website, akan meningkat.<\/p>\n<p><a href=\"https:\/\/idwebhost.com\/blog\/cara-mudah-membuat-email-dengan-domain-sendiri\/\">Ini dia cara membuat email dengan domain sendiri<\/a>.<\/p>\n<h3>2. Install Roundcube di Hosting<\/h3>\n<h2>Cara Mengubah Logo Roundcube<\/h2>\n<p>Setelah semuanya siap, kamu bisa mulai mengubah logo Roundcube menjadi logo sendiri. Berikut langkah-langkahnya:<\/p>\n<h3>1. Cek Tampilan Awal Roundcube:<\/h3>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-9180 size-large\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t1-1024x502.jpg\" alt=\"halaman awal\" width=\"1024\" height=\"502\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t1-1024x502.jpg 1024w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t1-300x147.jpg 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t1-768x377.jpg 768w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t1-1536x753.jpg 1536w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t1.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>2. Tampilan Roundcube Setelah Login<\/h3>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-9181 size-large\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t2-1024x477.jpg\" alt=\"login\" width=\"1024\" height=\"477\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t2-1024x477.jpg 1024w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t2-300x140.jpg 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t2-768x357.jpg 768w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t2-1536x715.jpg 1536w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t2.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Setelah login, klik menu <strong>Settings &gt; Preferences &gt; User Interface<\/strong>. Nantinya, kamu bisa memilih skin yang diinginkan.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-9182 size-large\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t3-1024x480.jpg\" alt=\"settings\" width=\"1024\" height=\"480\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t3-1024x480.jpg 1024w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t3-300x141.jpg 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t3-768x360.jpg 768w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t3-1536x720.jpg 1536w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t3.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Pada tutorial kali ini, kami menggunakan Skin Larry. Berikut tampilannya.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-9183 size-large\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t4-1024x464.jpg\" alt=\"Larry Skin\" width=\"1024\" height=\"464\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t4-1024x464.jpg 1024w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t4-300x136.jpg 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t4-768x348.jpg 768w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t4-1536x696.jpg 1536w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t4.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>3. Upload Logo<\/h3>\n<p>Dari halaman awal <strong>cPanel &gt; File Manager<\/strong>.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-9184 size-full\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t5.jpg\" alt=\"cpanel\" width=\"264\" height=\"169\" \/><\/p>\n<p>Untuk upload logo dari File Manager, upload gambar logo di folder <span style=\"font-weight: 400;\"><strong>subdomain Roundcube &gt; folder skins &gt; folder elastic<\/strong> (sesuai skin yang digunakan) &gt; <strong>folder images<\/strong>.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-9186 size-large\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t6-1024x473.jpg\" alt=\"File Manager\" width=\"1024\" height=\"473\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t6-1024x473.jpg 1024w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t6-300x139.jpg 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t6-768x355.jpg 768w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t6-1536x710.jpg 1536w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t6.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>4. Mengubah logo Roundcube<\/h3>\n<p><span style=\"font-weight: 400;\">Edit file config.inc.php melalui <strong>file manager &gt; folder subdomain Roundcube &gt; folder config &gt; file config.inc.php<\/strong> lalu klik <strong>edit<\/strong>.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-9187 size-large\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t7-1024x461.jpg\" alt=\"cara mengubah logo roundcube menjadi logo sendiri\" width=\"1024\" height=\"461\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t7-1024x461.jpg 1024w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t7-300x135.jpg 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t7-768x346.jpg 768w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t7-1536x692.jpg 1536w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t7.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Setelah itu tambahkan perintah berikut ini,<\/span><\/p>\n<blockquote><p><span style=\"font-weight: 400;\">$config[&#8216;product_name&#8217;] = &#8216;Email IDwebhost&#8217;;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">$config[&#8216;skin&#8217;] = &#8216;elastic&#8217;;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">$config[&#8216;skin_logo&#8217;] = &#8216;skins\/elastic\/images\/idwebhost_logo.png&#8217;;<\/span><\/p><\/blockquote>\n<p>Berikut tampilan sesudah save file config .inc.php<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-9188 size-large\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t8-1024x464.jpg\" alt=\"cara mengubah logo roundcube menjadi logo sendiri\" width=\"1024\" height=\"464\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t8-1024x464.jpg 1024w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t8-300x136.jpg 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t8-768x348.jpg 768w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t8-1536x696.jpg 1536w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t8.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Kemudian lakukan reload web browser atau tekan <strong>f5<\/strong> pada keyboard<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Roundcube version (skin: Larry)<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-9189 size-large\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t9-1024x486.jpg\" alt=\"cara mengubah logo roundcube menjadi logo sendiri\" width=\"1024\" height=\"486\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t9-1024x486.jpg 1024w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t9-300x142.jpg 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t9-768x364.jpg 768w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t9-1536x728.jpg 1536w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2022\/08\/t9.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Semoga panduan ini bisa membantu kamu, ya, Sahabat <\/span><a href=\"https:\/\/idwebhost.com\/\"><span style=\"font-weight: 400;\">IDwebhost<\/span><\/a><span style=\"font-weight: 400;\">. Jika punya pertanyaan seputar layanan kami, silakan hubungi tim customer service terbaik IDwebhos melalui kanal berikut:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Live Chat<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Email ( <\/span><a href=\"mailto:info@idwebhost.com\"><span style=\"font-weight: 400;\">info@idwebhost.com<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"mailto:billing@idwebhost.com\"><span style=\"font-weight: 400;\">billing@idwebhost.com<\/span><\/a><span style=\"font-weight: 400;\">, support@idwebhost.com )<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hotline (0274) 415585<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selamat menikmati layanan <\/span><a href=\"https:\/\/idwebhost.com\/jasa-pembuatan-website\"><span style=\"font-weight: 400;\">IDwebhost<\/span><\/a><span style=\"font-weight: 400;\">, web hosting Indonesia:)<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Logo adalah salah satu ciri sebuah bisnis yang nampak profesional. Logo bisa ditempatkan di mana saja, termasuk di web mail Roundcube. Jadi, kamu harus tahu, cara mengubah logo Roundcube menjadi logo sendiri. Untuk mengelola email dengan domain sendiri, kamu bisa menggunakan fitur web mail yang ada di cPanel. Kembali ke web mail cpanel. Untuk mengelola [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"amp_status":""},"article_entries":[64],"tags":[],"_links":{"self":[{"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/dt_articles\/9174"}],"collection":[{"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/dt_articles"}],"about":[{"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/types\/dt_articles"}],"author":[{"embeddable":true,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/comments?post=9174"}],"version-history":[{"count":6,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/dt_articles\/9174\/revisions"}],"predecessor-version":[{"id":9283,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/dt_articles\/9174\/revisions\/9283"}],"wp:attachment":[{"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/media?parent=9174"}],"wp:term":[{"taxonomy":"article_entries","embeddable":true,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/article_entries?post=9174"},{"taxonomy":"tags","embeddable":true,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/tags?post=9174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}