Zimbra

Mengubah Background Login Page Zimbra Secara Random dari Unsplash

Posted by

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

Login Bg3 Login Bg2 Zimbra Bg1

 

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

Zimbra Header Bg2 Zimbra Header Bg1

 

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

6 comments

    1. Bisa mas, kebetulan saya ujicoba ny juga pakai 8.8.15
      Pastikan juga browser yang digunakan untuk akses webmail, bisa akses internet juga, khususnya akses ke link image unsplash nya

  1. Halo Mas Rizky, terimakasih tutorialnya.
    Izin bertanya, apakah bisa di login page zimbra ditambahkan alert box?

  2. Halo Mas Rizky,
    Mau tanya lagi, jika 1 server zimbra ada 2 domain.
    Apakah tampilan gambar nya bisa berbeda.
    jadi misal akses mail.server1.com background nya gambar1.jpg, jika mail.server2.com background nya gambar2.jpg

    Terima kasih sebelumnya

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.