Blog

Cara ganti logo AfterLogic Webmail Lite

Cara ganti logo AfterLogic Webmail Lite
Pada dasarnya fitur cara ganti logo AfterLogic Webmail Lite hanya dapat dilakukan pada versi Afterlogic Webmail Pro, namun kita dapat melakukan sedikit modifikasi script melalui file manager untuk menyisipkan logo pada tampilan Webmail Lite yang kita gunakan.

Buatlah logo yang akan Anda gunakan untuk membuat menarik tampilan webmail client Anda dengan ukuran file logo yang direkomendasikan:
Width : 125 px
Height : 95 px

Berikut ini penjelasan lengkap bagaimana cara ganti logo AfterLogic Webmail Lite
Buka file /skins/Default/styles.css
.login_panel .header .icon:before {
content: "\e63c";
display: inline-block;
vertical-align: middle;
font-size: 140px;
height: 100%;
width: 100%;
margin-top: -20px;
color: #D7D3C8;
text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #b4afa0, -1px -1px #d2c6a5;
}

Hapus atau beri tanda comment pada baris:
content: "\e63c";

Beri tanda comment pada baris content, sehingga Hasilnya:
.login_panel .header .icon:before {
/* content: "\e63c"; */
display: inline-block;
vertical-align: middle;
font-size: 140px;
height: 100%;
width: 100%;
margin-top: -20px;
color: #D7D3C8;
text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #b4afa0, -1px -1px #d2c6a5;
}

Langkah cara ganti logo AfterLogic Webmail Lite selanjutnya adalah cari baris:
.login_panel .header .icon {
height: 95px;
width: 130px;
}

Tambahkan baris code background-image yang disertai dengan URL lokasi logo yang ingin Anda gunakan:
.login_panel .header .icon {
height: 81px;
width: 95px;
background-image: url(lokasi_url_image.png);
}

Simpan perubahan.

Mengganti logo pada webmail lite sudah selesai, untuk melihat hasil perubahan silahkan refresh tampilan webmail Anda.

Jika Anda berlangganan layanan Email Hosting Murah ditempat kami, silahkan menghubungi staff kami untuk mendapatkan bantuan untuk ganti Logo tampilan webmail client Anda, GRATIS!.

Demikian tutorial cara ganti logo AfterLogic Webmail Lite untuk memperindah tampilan webmail Anda. Semoga bermanfaat dan jika bermaksud untuk sharing ke blog Anda, harap mencantumkan link ke website kami.


Leave a Comment

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