Download - RED LOVER’s V2.0
![Page 1: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/1.jpg)
Simple Hidden Docking and Hidden Today with Hotkey
Action
TUTORIAL
![Page 2: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/2.jpg)
Kita mulai dengan create new document di composer seperti gambar dibawah ini.
![Page 3: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/3.jpg)
Selanjutnya kita import masing-masing image yang akan kita gunakan dalam themes ini...
Dengan cara klik File kemudian pilih import (seperti pada gambar di samping.)
Import satu per satu seperti gambar illustrasi di atas
![Page 4: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/4.jpg)
1 2
Setelah semua image kita import, setelah itu kita ubah tatakan icon (gambar 1) dan Tatakan Today (gambar 2) menjadi animation, hal ini kita lakukan agar di nanti kedua image tersebut bisa kita hidden.
Cara mengubah gambar tersebut menjadi animation adalah dengan cara :- Klik kanan pada image kemudian pilih “convert to animation” seperti yang ditunjukan pada gambar diatas
![Page 5: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/5.jpg)
Langkah berikutnya kita import fixed button yang akan kita gunakan di themes ini
Setelah itu kita atur posisinya dan convert to button
Perhatikan gambar disampingCara convert image to button yaituKlik kanan pada image dan akan muncul dialog box teperti gambar di samping dan tinggal kita pilih “convert to button”
Perhatikan gambar disampingCara convert image to button yaituKlik kanan pada image dan akan muncul dialog box teperti gambar di samping dan tinggal kita pilih “convert to button”
![Page 6: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/6.jpg)
1
2
Selanjutnya kita assign fixed button tersebut sesuai dengan fungsi masing-masing button
Sorot Button Callendar
GAMBAR 1
Klik On Activate seperti pada gambar makan akan
muncul menu seperti gambar 2
GAMBAR 2
Klik gambar disamping
Kemudian klik blackberry application dan pilih callendar
Lakukan kembali langkah diatas untuk button SMS dan MessageLakukan kembali langkah diatas untuk button SMS dan Message
![Page 7: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/7.jpg)
Fase Edit Button
Klik kanan pada button kemudian pilih editdan akan muncul
tampilan seperti gambar di bawah
![Page 8: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/8.jpg)
Perhatikan posisi kotak merah
sebelum melakukan
langkah dibawah
Setelah posisi sesuai pada gambar sekarang kita tinggal import image button yang akan kita tampilkan pada saat button tersebut focus in dengan cara :“klik file kemudian piih import dan pilih gambar nya” Perhatikan gambar atas
Setelah gambar muncul kemudian kita geser posisinya sesuai
posisi gambar disamping
![Page 9: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/9.jpg)
2
1
Selanjutnya perhatikan gambar diatas... Setalah kita import image focus in dan kita atur
posisinya maka sekarang kita klik sesuai panah kemudian kita hilangkan gambar
mata sehingga nanti posisi nya menjadi seperti yang ditunjukan pada panah
yang
1
2
![Page 10: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/10.jpg)
1
2
Langkah selanjutnya kita pindah posisi lagi sesuai panah dan munculkan kembali
Mata seperti yang ditunjukkan panah lalu kita ke fase terakhir pada edit button di
Halaman berikutnya :D
1
2
![Page 11: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/11.jpg)
A B
2
1
Lanjut... Kita pindah lagi posisi sesuai
panah dan kita
Hilangkan mata sehingga nampak seperti panah
1
2
Lalu geser sesuai gambar A sehingga posisi nya menjadi seperti gambar B
![Page 12: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/12.jpg)
Klik kanan pada gambar
Pilih “End Editing”
Fase edit button selesai jangan lupa lakukan langkah – langkah diatas untuk button SMS dan Message
![Page 13: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/13.jpg)
Langkah selanjutnya perhatikan gambar dibawah :
![Page 14: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/14.jpg)
2
1
3
Lakukan langkah sesuai urutan panah di atas
Dan ulangi sampai ada sepuluh button seperti gambar di bawah dan
diatur posisinya seperti gambar dibawah
Create Button(Set as Application order)
![Page 15: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/15.jpg)
klik interactivity dan pilih action seperti gambar di
samping dan akan muncul window seperti
gambar di bawah
![Page 16: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/16.jpg)
LAKUKAN SESUAI URUTAN DARI ATAS KE BAWAH
1. Klik Gambar Mata
2. Ganti object dengan tatakan /
docking
3. Kemudian kita pilih change event sehingga muncul
window baru seperti gambar bawah
4. Kita pilih event on button (Callendar) dan focus in (seperti
gambar disamping)
Lakukan proses yang sama pada button Message dan SMS
![Page 17: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/17.jpg)
Selanjutnya kita mulai buat hidden dockingnya.
Mulai dengan klik interactivity button dan
sekarang pilih yang “Hotkey Action”
Kemudian muncul window baru seperti di
gambar bawah
![Page 18: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/18.jpg)
Pertama : klik gambar mata
Kemudian ganti object dengan docking icon
(tatakan icon)
Yang ketiga ; kita klik “next Key Type” dan
karena trigger untuk show adalah space bar, jadi
setelah kita klik next key type tersebut kita tekan
space bar
Terakhir akan muncul action seperti di atas
![Page 19: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/19.jpg)
Lakukan langkah yang sama pada
button satu sampai 10, seperti gambar
disamping
Di halaman selanjutnya kita tinggal set action button untuk hide . :D
![Page 20: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/20.jpg)
Untuk hide tinggal kita klik gambar mata
tertutup
Kemudian ganti object mulai dari docking icon (tatakan icon) sampai button yang terakhir
Lalu klik next key typed dan tekan tombol esc
Lakukan tahap pertama sampai ke tiga untuk button-
button yang kita buat (button 1-10)
Seperti gambar diatas.
![Page 21: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/21.jpg)
Tahap terakhir di Composer yaitu eksport ke SVG agar dapat kita gunakan di Theme
Builder
Kita klik File --- Eksport ---- SVG
Sampai muncul windows baru seperti gambar sebelah kana dan Selesai
![Page 22: RED LOVER’s V2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062304/56814621550346895db32973/html5/thumbnails/22.jpg)
Proses di composer selesai.... Sekarang tinggal anda berkreasi di builder...
Selamat Berkreasi.... :D
Berikut saya lampirkan Capture “Red Lovers V2”