<p>Zimbra merupakan software open source untuk email collaboration suite dengan banyak fitur didalamnya. Sejak dulu hingga sekarang tampilan login page Zimbra hanya monoton dengan background putih dan form warna biru di tengahnya. Nah supaya tidak bosan dengan tampilan login yang hanya itu-itu saja, kebetulan saya menemukan Zimlet yang cukup bagus dari Zeta Alliance, yaitu Unsplash : <a href="https://gallery.zetalliance.org/extend/items/view/unsplash" target="_blank" rel="noopener">https://gallery.zetalliance.org/extend/items/view/unsplash</a></p>
<p>Karena pada referensi tersebut menggunakan bahasa Inggris, disini saya mau coba terjemahkan ke bahasa Indonesia supaya mudah dipahami dan diikuti :-D</p>
<p>Untuk menambahkan random background dari unsplash pada login page Zimbra, berikut langkah-langkahnya</p>
<p>1. Backup dahulu file login.jsp ke /srv/, gunakan akses root</p>
<pre>cp /opt/zimbra/jetty/webapps/zimbra/public/login.jsp /srv/</pre>
<p>2. Selanjutnya silakan edit file /opt/zimbra/jetty/webapps/zimbra/public/login.jsp menggunakan editor vi/vim/nano, dan tambahkan script berikut tepat sebelum tulisan <strong><;/body>;</strong></p>
<pre><;style>; 
 .LoginScreen { 
 background-color : #777 !important; 
 background-image : url('https://source.unsplash.com/random/featured/?nature') !important; 
 background-position : center; 
 background-repeat : no-repeat; 
 background-size : cover; 
 } 
<;/style>;</pre>
<p>Jika sudah, silakan save</p>
<p>Pada tahap ini, background login page Zimbra semestinya sudah berubah secara random berdasarkan situs unsplash, silakan ditest akses login webmail Zimbra</p>
<p><a href="https://rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg3.png"><img data-attachment-id="2400" data-permalink="https://rizkypratama.id/blog/2021/09/09/mengubah-background-login-page-zimbra-secara-random-dari-unsplash/zimbra-bg3/" data-orig-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg3.png?fit=1024%2C553&;ssl=1" data-orig-size="1024,553" data-comments-opened="1" data-image-title="zimbra-bg3" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg3.png?fit=1024%2C553&;ssl=1" class="alignnone wp-image-2400 size-full" src="https://rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg3.png" alt="Login Bg3" width="1024" height="553" /></a> <a href="https://rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg2.png"><img data-attachment-id="2401" data-permalink="https://rizkypratama.id/blog/2021/09/09/mengubah-background-login-page-zimbra-secara-random-dari-unsplash/zimbra-bg2/" data-orig-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg2.png?fit=1024%2C554&;ssl=1" data-orig-size="1024,554" data-comments-opened="1" data-image-title="zimbra-bg2" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg2.png?fit=1024%2C554&;ssl=1" class="alignnone wp-image-2401 size-full" src="https://rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg2.png" alt="Login Bg2" width="1024" height="554" /></a> <a href="https://rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg1.png"><img data-attachment-id="2402" data-permalink="https://rizkypratama.id/blog/2021/09/09/mengubah-background-login-page-zimbra-secara-random-dari-unsplash/zimbra-bg1/" data-orig-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg1.png?fit=1024%2C553&;ssl=1" data-orig-size="1024,553" data-comments-opened="1" data-image-title="zimbra-bg1" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg1.png?fit=1024%2C553&;ssl=1" class="alignnone wp-image-2402 size-full" src="https://rizkypratama.id/wp-content/uploads/2021/09/zimbra-bg1.png" alt="Zimbra Bg1" width="1024" height="553" /></a></p>
<p> ;</p>
<p>3. Yang terakhir, kita juga bisa ubah tampilan background pada header webmail setelah login, jalankan command berikut, dengan akses root</p>
<pre>mkdir -p /opt/zimbra/zimlets-deployed/_dev/tk_barrydegraaff_unsplash 
cd /opt/zimbra/zimlets-deployed/_dev/tk_barrydegraaff_unsplash 
wget https://raw.githubusercontent.com/Zimbra-Community/unsplash/master/tk_barrydegraaff_unsplash/tk_barrydegraaff_unsplash.xml -O /opt/zimbra/zimlets-deployed/_dev/tk_barrydegraaff_unsplash/tk_barrydegraaff_unsplash.xml 
wget https://raw.githubusercontent.com/Zimbra-Community/unsplash/master/tk_barrydegraaff_unsplash/tk_barrydegraaff_unsplash.css -O /opt/zimbra/zimlets-deployed/_dev/tk_barrydegraaff_unsplash/tk_barrydegraaff_unsplash.css</pre>
<p>4. Fix Permission dan restart service mailbox</p>
<pre>/opt/zimbra/libexec/zmfixperms -v 
su - zimbra -c "zmmailboxdctl restart"</pre>
<p>Selanjutnya silakan reload dan cek kembali, seharusnya sudah muncul background random nya dari unsplash pada header</p>
<p><a href="https://rizkypratama.id/wp-content/uploads/2021/09/zimbra-header-bg2.png"><img data-attachment-id="2404" data-permalink="https://rizkypratama.id/blog/2021/09/09/mengubah-background-login-page-zimbra-secara-random-dari-unsplash/zimbra-header-bg2/" data-orig-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2021/09/zimbra-header-bg2.png?fit=1440%2C777&;ssl=1" data-orig-size="1440,777" data-comments-opened="1" data-image-title="zimbra-header-bg2" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2021/09/zimbra-header-bg2.png?fit=1024%2C553&;ssl=1" class="alignnone wp-image-2404 size-large" src="https://rizkypratama.id/wp-content/uploads/2021/09/zimbra-header-bg2-1024x553.png" alt="Zimbra Header Bg2" width="810" height="437" /></a> <a href="https://rizkypratama.id/wp-content/uploads/2021/09/zimbra-header-bg1.png"><img data-attachment-id="2405" data-permalink="https://rizkypratama.id/blog/2021/09/09/mengubah-background-login-page-zimbra-secara-random-dari-unsplash/zimbra-header-bg1/" data-orig-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2021/09/zimbra-header-bg1.png?fit=1439%2C778&;ssl=1" data-orig-size="1439,778" data-comments-opened="1" data-image-title="zimbra-header-bg1" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2021/09/zimbra-header-bg1.png?fit=1024%2C554&;ssl=1" class="alignnone wp-image-2405 size-large" src="https://rizkypratama.id/wp-content/uploads/2021/09/zimbra-header-bg1-1024x554.png" alt="Zimbra Header Bg1" width="810" height="438" /></a></p>
<p> ;</p>
<p>Meskipun hanya perubahan secara tampilan/kosmetik, tapi cukup menarik untuk di setup, minimal untuk menghilangkan rasa bosan dengan tampilan webmail Zimbra yang hanya itu-itu saja :-D</p>
<p>Mungkin cukup sekian, semoga bermanfaat</p>
<div class="clearfix"></div>
Dalam pengelolaan mail server, terkadang kita tidak ingin email dikirim langsung ke server tujuan. Ada…
Pada bulan April 2026 lalu, Ubuntu telah release versi terbaru yaitu Ubuntu 26.04 LTS, sehingga…
Ada satu hal yang ngga akan pernah benar-benar diajarkan kepada kita, yaitu bagaimana cara melanjutkan…
Bermula ketika saya melakukan suatu konfigurasi pada server, saya menerapkan beberapa rule untuk block port,…
Beberapa hari terakhir saya memutuskan untuk upgrade seluruh server Nginx ke versi terbaru setelah muncul…
Beberapa waktu lalu saya ada melakukan migrasi dan upgrade sistem email server Zimbra di salah…