Mengubah Background Login Page Zimbra Secara Random dari Unsplash

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 : https://gallery.zetalliance.org/extend/items/view/unsplash

Karena pada referensi tersebut menggunakan bahasa Inggris, disini saya mau coba terjemahkan ke bahasa Indonesia supaya mudah dipahami dan diikuti 😀

Untuk menambahkan random background dari unsplash pada login page Zimbra, berikut langkah-langkahnya

1. Backup dahulu file login.jsp ke /srv/, gunakan akses root

cp /opt/zimbra/jetty/webapps/zimbra/public/login.jsp /srv/

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 </body>

<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>

Jika sudah, silakan save

Pada tahap ini, background login page Zimbra semestinya sudah berubah secara random berdasarkan situs unsplash, silakan ditest akses login webmail Zimbra

 

3. Yang terakhir, kita juga bisa ubah tampilan background pada header webmail setelah login, jalankan command berikut, dengan akses root

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

4. Fix Permission dan restart service mailbox

/opt/zimbra/libexec/zmfixperms -v
su - zimbra -c "zmmailboxdctl restart"

Selanjutnya silakan reload dan cek kembali, seharusnya sudah muncul background random nya dari unsplash pada header

 

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 😀

Mungkin cukup sekian, semoga bermanfaat