Tutorial - Membuat Belle Conversations Skin Sendiri

Setelah lama berkecimpung membuat skin conversation, sekarang saatnya buat kalian untuk bisa membuatnya sendiri, caranya gampang kok, gak perlu edit script, cukup klik-klik aja, hehehe...
Langsung saja berikut tutorial singkatnya:




1. Pertama yang harus dilakukan adalah persiapkan bahan-bahannya

• Aplikasi Conversation Maker bisa didownload di sini
• File balon, sebagai contoh bisa download balon kucing di sini
• [Opsional] File tombol, background dan avatar default

2. Buka aplikasi Conversation Maker tadi, tampilannya seperti berikut

3. Muat semua balon yang akan digunakan dalam skin kita, serta atur border-width dan padding nya

4. Kalo mau, bisa ditambahkan background gambar sesuka hati

5. Sesuaikan warna dan ukuran teks isi pesan agar mudah dibaca

6. Yang ini opsional, ganti gambar avatar defaultnya

7. Pilih skin dasar, hasil akhir nantinya akan menyesuaikan skin dasar ini

8. Test tampilan menggunakan Google Chrome

9. Jika dirasa sudah cukup bagus, langsung aja disimpan atau dibuat css nya

Berikut file yg sudah jadi, download di sini.

Sekian tutorial dari saya, semoga mudah dipahami, jika ada pertanyaan silakan tulis di komentar dan terima kasih.