Friday, February 24, 2017

Zooper Membuat Skin APK

  No comments
Zooper Widget Pro
Setelah selesai dengan widget yang kita buat, kini kita akan membuat skin Zooper berupa aplikasi.apk yang dapat anda bagikan atau anda distribusikan ke Play Store.

Menyiapkan Skin

  • simpan skin dengan menekan icon flopi disk
  • beri nama skin anda
  • centang Create an APK ready Zip
  • save.
jika anda ingin menjadikan beberapa skin dalam satu paket, save satu-persatu semua skin dengan nama yang berbeda, hasil dari skin yang anda simpan berada pada folder /sdcard/ZooperWidget/APKZips.

Bahan Dan Alat

  • Android Studio, Eclipse, atau AIDE (jika menggunakan android) bisa anda download di Play Store
  • img.png dengan ukuran 64x64 sebagai icon skin anda, rename img dengan ic_launcher.png , jangan menggunakan buildin icon Zooper Widget
  • download sample Project Disini

Membuat APK

  • unpack Sampel Project, rename folder dengan nama skin anda misalkan ABP Zooper Skin
  • unpack folder assets yang ada pada skin_anda.zip ke dalam folder Project yang telah anda unpack di atas
  • ganti ic-launcher.png yang berada pada folder NamaProject/res/drawable-xhdpi dengan icon skin yang telah disiapkan
  • buka IDE, import atau buka Projects anda
  • buka /res/values/strings.xml
  • pada baris string, ganti Sample Template Pack dengan nama skin anda contoh : ABP Zooper Skin
<?xml version="1.0" encoding="utf-8"?>
<resources>
 <string name="app_name">Sample Template Pack</string> //ganti Sample Template Pack dengan nama skin
</resources>
  • buka /res/values/zooper.xml
    • ganti Pack Description dengan diskripsi skin anda (cantumkan : Skin ini hanya bekerja pada Zooper Widget Pro, jika tidak ingin ada komplain di kemudian hari)
    • ganti Pack Author dengan nama anda atau nama pembuat
    • pada zooper_pack_allowsave, ganti anka " 1" dengan angka " 0 " jika anda tidak ingin pungguna melakukan save ulang pada skin anda
<?xml version="1.0" encoding="utf-8"?>
<resources>

  <!-- These info will be used in the available skins list -->
  <string name="zooper_pack_name">@string/app_name</string>
  <string name="zooper_pack_desc">Pack Description</string>  //ganti Pack Description dengan diskripsi skin
  <string name="zooper_pack_author">Pack Author</string>   //ganti Pack Author dengan nama pembuat skin

  <!-- If set to 0 user will not be allowed to save this template -->
  <integer name="zooper_pack_allowsave">1</integer>  //ganti dengan 0 jika tidak ingin di save ulang

  <!-- This is the icon that will be shown in the plugin list, by default the app one is used -->
  <drawable name="zooper_pack_icon">@drawable/ic_launcher</drawable>
</resources>
  • Edit AndroidManifest.xml
    • my.pkg.name.zwskin.sample , ganti yang berwarna merah dengan nama paket skin anda, contoh : com.androblackpool.zwskin.ABP_Zooper_Skin , jangan menggunakan org.zooper.zwskin
    • android:versionCode, ubah menjadi "100" (initial release skin anda)
    • android:versionName, ubah menjadi "1.00" (initial release skin anda)
<?xml version="1.0" encoding="utf-8"?><!--
== Sample Zooper Widget Skin == 
Please include in the app name or in the package the word "zwskin"
-->
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="my.pkg.name.zwskin.sample"  //nama paket skin contoh: com.androblackpool.zwskin.contoh_skin
    android:versionCode="102"   //initial release
    android:versionName="1.02">  //initial release

    <uses-sdk
        android:minSdkVersion="15"
        android:targetSdkVersion="15" />
  • refresh Project kemudian compile skin APK anda
  • Selesai

Skin Komersial

Jika anda mengembangkan skin untuk di komersilkan, pastikan anda menghapus tag command pada baris provinder (hanya menghapus tanda " <!-- " di depan dan tanda " -->  " di belakang) yang ada pada AndroidManifest.xml
pada baris android:authorities, rename WRITE PACCKAGENAME.templates HERE dengan nama paket skin + zwprovinder, contoh : com.androblackpool.zwskin.ABP_Zooper_Skin.zwprovinder , 
hal ini sangat penting, jika tidak skin anda tidak akan bekerja setelah di download dari Play Store.
contoh code :
<!--
        COMMERCIAL SKINS ONLY:
        - Uncomment provider entry
        - Set android:authorities="PACKAGENAME.zwprovider"
          If package is "my.pkg.name.zwskin.sample" set it to "my.pkg.name.zwskin.sample.zwprovider"
        -->
        <provider
                android:name="org.zooper.zwskin.TemplateProvider"
                android:authorities="com.androblackpool.zwskin.ABP_Zooper_Skin.zwpovinder"/>
        <!-- END Zooper Widget definition -->

note :
jika menggunakan resource external pada skin anda misalkan menggunakan action tasker, menggunakan AP [b] [/b] pada module bitmap atau yang lain, pastikan anda mendistribusikan secara terpisah atau sertakan link pada diskripsi jika perlu. 

Thursday, February 23, 2017

Zooper Panel Pull-Down

  No comments
Popup Widget
Integration
Popup Widget adalah sebuah aplikasi yang memungkinkan kita untuk menampilkan berbagai macam widget berupa popup, Popup widget dilengkapi dengan berbagai animasi yang menarik serta pengaturannya yang mudah, memunculkan beberapa widget dengan sekali sentuh, mendukung plugin Tasker dan banyak lagi hal-hal menarik yang dapat anda lakukan, Diskripsi lengkap mengenai Popup Widget dapat anda lihat di Play Store.
Pada tutorial sebelumnya kita telah membahas bagaimana membuat toggle untuk mengakses berbagai pengaturan pada perangkat kita, namun kadang-kadang kita tidak ingin menempatkan semua widget yang telah kita buat pada satu panel homescreen, seperti halnya Quck Settings yang terdapat pada perangkat Android, kita dapat mendesain sendiri tampilan settings sesuai yang kita inginkan menggunakan Zooper Widget, dengan aplikasi Popup Widget kita bisa dengan mudah menampilkan atau menyembunyikan widget tersebut sewaktu-waktu.

Hal pertama yang perlu kita lakukan adalah buat terlebih dahulu desain widget pada panel homescreen untuk memudahkan, kemudian save widget yang telah anda buat pada sdcard, disini saya juga menyediakan sample template yang bisa anda gunakan sebagai contoh yang dapat anda downlod Disini, letakkan folder ZooperWidget didalam .zip ke penyimpanan internal.

  • Buka aplikasi Popup Widget kemudian klik tombol " + " untuk menambahkan widget
  • Pilih Zooper Widget dengan ukuran 4x1
  • Klik kolom Title kemuduian isikan dengan "Popup 1" atau isi dengan nama yang anda suka
  • Klik tombol back untuk kembali ke jendela awal
  • Tambahkan widget yang ke 2 dengan menekan tombol " + "
  • Pilih Zooper Widget dengan ukuran 4x4, beri nama pada kolom Title dengan Popup 2
  • Klik tombol play yang berada disamping Popup 1 untuk memunculkan widget
  • Tab pada widget kemudian load contoh template yang telah didownlod diatas dengan nama "notif header"
  • Klik back untuk kembali ke jendela Popup
  • Play kembali Popup 1 untuk melihat hasilnya
  • Jika ukurannya tidak pas, tap tahan pada widget kemudian lakukan resize
  • Lakukan langkah yang sama pada Popup 2
  • Pilih template dengan nama notif pull down
  • Resize widget ke2 jika tidak sesuai
  • Untuk mengatur animasi popup yang di inginkan, klik pada icon menu yang berada disamping tombol play kemudian pilih Configure
  • Scroll table menu kebawah kemudian cari Animation, disini saya memilih "Slide From Top" untuk kedua popup
  • Untuk Popup 2, setting Start Offset menjadi 300, untuk Effect pilih Linear
  • Setelah selesai silahkan keluar dari Popup Widget.
Ada banyak cara untuk menjalankan Popup yang telah dibuat seperti Module On Tap pada Zooper Widget, menggunakan Tasker atau yang lain, dalam contoh ini kita akan membuat slide down pada homescreen dengan menggunakan Swipe yang ada pada pengaturan Launcher, jika menggunakan default Launcher pada perangkat anda, setting ini tidak akan ditemui, gunakan Launcher yang banyak disediakan di Play Store seperti Apex, GO, Nova dan lain-lain.

Pada pengaturan Swipe Down pilih shortcut Popup Widget, anda akan dibawa pada jendela Popup Widget untuk memilih popup yang di inginkan, pada jendela popup klik icon centang yang berada di atas kemudian centang kedua popup yang telah dibuat dengan urutan Popup 2 - Popup 1.
Coba test Swipe Down pada homscreen anda, hasilnya akan seperti dibawah ini.



Zooper Membuat Toggle On / Off

  No comments
Membuat toggle on/off seperti bluetooth, wifi, airplane dan sebagainya pada Zooper memerlukan aplikasi dari pihak ketiga yaitu Tasker, seperti yang sudah kita bahas sebelumnya, Zooper Widget mendukung plugin Tasker yang memungkinkan kita untuk membuat variable serta fitur Module OnTab yang memungkinkan kita untuk menjalankan task yang kita buat.


Disini saya hanya akan membuat beberapa contoh sederhana bagaimana membuat toggle on/off pada Zooper, untuk yang tidak saya jelaskan silahkan anda buat sendiri.

Bluetooth Toggle

Sebelum membuat desain toggle pada Zooper, pertama yang harus kita lakukan adalah membuat task action pada tasker.
  • tambahkan task baru dengan nama Bluetooth
  • Add action : if (gunakan filter untuk pencarian)
  • isikan pada kolom pertama dengan variable %BLUE (atau klik pada icon lable untuk pencarian variable, lihat pada table Variables Tasker), isi kolom kedua dengan "off" tanpa kutip
  • Add action : Bluetooth (gunakan filter untuk pencarian), Set: on
  • Add action : Variables - Variable Set, Name: %blue, To: 1 (lihat contoh Variable Set)
  • Add action : Plugin - Zooper Widget Pro, ZW variable: blue, ZW text: %blue
  • Add action : Else, klik tombol " + " untuk menambahkan If, isi kolom pertama dengan %BLUE, kolom kedua dengan "on" tanpa kutip
  • Add action : Bluetooth, Set : off
  • Add action : Variables - Variable Set, Name: %blue, To: 0 (lihat contoh Variable Set)
  • Add action : Plugin - Zooper Widget Pro, ZW variable: blue, ZW text: %blue
  • Add action : End If
Setelah selesai dengan pembuatan task Bluetooth, coba test dengan menekan tombol play yang ada dibawah layar, jika bluetooth anda aktif dan nonaktif berarti task yang anda buat telah selesai seperti contoh gambar dibawah ini.

Hotspot Toggle

Dimulai dari Android versi 5.0 ada beberapa fungsi dari tasker yang tidak bisa digunakan, saya ambil contoh hotspot, untuk mengaktifkannya perlu aplikasi plugin Tasker yaitu Secure Settings yang bisa anda unduh di PlayStore.
Secure Settings membutuhkan acsess Root dan mengaktifkan device administrator pada perangkat anda, sebelum menggunakan anda perlu mengaktifkan beberapa module pada Secure Settings, setelah selesai dengan Secure Settings buka kembali aplikasi Tasker.

  • Buat task baru dengan nama Hotspot
  • Add action : If, isi dengan variable %Wifit, value: 1
  • Add action : plugin - Secure Settings
  • klik icon pensil pada configuration, pilih menu Action kemudian cari Wifi Hotspot, radio button set ke on, save dengan mengklik icon flopi disk 
  • Add action : Variables - Variable Set, Name: %Wifit, To: 1 (lihat contoh Variable Set)
  • Add action : Plugin - Zooper Widget Pro, ZW variable: wifit, ZW text: %Wifit
  • Add action : Else
  • Add action : plugin - Secure Settings
  • setting seperti langkah diatas, radio button set ke off
  • Add action : Variables - Variable Set, Name: %Wifit, To: 0 (lihat contoh Variable Set)
  • Add action : Plugin - Zooper Widget Pro, ZW variable: wifit, ZW text: %Wifit
  • Add action : End If
Coba jalankan task dengan mengklik tombol play, hasil dari task di atas akan terlihat seperti gambar dibawah ini :



 Cell Data Toggle

Pada Android versi 7.0 seperti yang saya gunakan, Secure Settings terdapat bug untuk mengaktifkan data selluler, tetapi ada cara lain yang bisa digunakan yaitu dengan action Run Shell yang terdapat pada Tasker, perlu sedikit mengetahui beberapa shell command serta memiliki akses Root pada perangkat anda.

  • Add action : If, variable: %Data, value: 1
  • Add action : Run Shell, Command: svc data disable , Use Root : centang
  • Add action : Variables - Variable Set, Name: %Data, To: 0 (lihat contoh Variable Set)
  • Add action : Plugin - Zooper Widget Pro, ZW variable: data, ZW text: %Data
  • Add action : Else
  • Add action : Run Shell, Command: svc data enable , Use Root : centang
  • Add action : Variables - Variable Set, Name: %Data, To: 1 (lihat contoh Variable Set)
  • Add action : Plugin - Zooper Widget Pro, ZW variable: data, ZW text: %Data
  • Add action : End If

Membuat Toggle Pada Zooper

Pertama buat desain toggle yang kita inginkan, misalkan disini saya mempunyai dua buah gambar.png yang diletakkan pada folder /sdcard/ZooperWidget/bitmaps yang bernama blue-on.png dan blue-off.png.
Tambahkan module bitmat pada Zooper kemudian isikan Advance Parameter :
[b]$#Tblue#=0?/sdcard/ZooperWidget/Bitmaps/blue-off.png:/sdcard/ZooperWidget/Bitmaps/blue-on.png$[/b]

Pada bagian Module OnTap pilih Shortcut Tasker, pilih task Bluetooth


Sebelum kembali dari task yang dipilih, anda perlu memilih icon sebagai penanda pada Tasker dengan cara klik pada icon menu yang berada di pojok kanan bawah layar kemudian pilih Build-in Icon atau Application Icon
Pilih Icon yang anda inginkan, setelah selesai anda bisa keluar dari task yang anda pilih, coba tes toggle yang telah anda buat.

Tuesday, February 21, 2017

Zooper World Map

  No comments
Menampilkan Map atau peta lokasi pada sebuah widget merupakan suatu daya tarik tersendiri layaknya Smartphone canggih, tidak ketinggalan pula Zooper widget juga menyediakan variable yang mampu menentukan lokasi kita saat ini dengan akurat, lihat pada table Variables Zooper
#LLONG# (garis bujur / horizontal) : merupakan sebuah variable Zooper yang menunjukkan kordinat garis bujur atau horizontal seperti pada katulistiwa dengan value min: -180, max: 180.
#LLAT# (garis lintang / vertical) : merupakan sebuah variable Zooper yang menunjukkan kordinat garis lintang atau vertical yang mengarah dari katulistiwa ke kutub utara atau ke kutub selatan dengan value min: -90, max: 90.
Zooper Widget secara otomatis dapat menentukan lokasi dengan memanfaatkan teknologi GPS pada perangkat anda, atau jika anda mematikan setelan lokasi pada perangkat untuk tujuan menghemat baterai, anda bisa menyeting lokasi secara manual pada Zooper Widget dengan memanfaatkan koneksi internet.

Persiapan

Sebelum membuat Widget Map, anda perlu menyiapkan bahan-bahan berupa gambar World Map yang ukuran nilai akurasinya tepat, atau anda bisa Downlod bahan yang kami sediakan disini , atau bisa menggunakan font Themer_Map yang bisa anda download Disini.
Jika anda menggunakan font Themer_Map, unpack font.ttf pada folder /sdcard/ZooperWidget/Fonts , gunakan karakter :
  • a : solid map 
  • b : solid boarders map 
  • c : outline map 
  • d : outline boarders map 
  • e : Lat/Long grid 
  • f : backgrond shape 
Nama font Themer_Map.ttf tidak terlihat pada Zooper, jadi ketika anda memilih font, cari pada bagian baris kosong diantara nama-nama font.

Menentukan Lokasi Secara Manual

Jika anda tidak menggunakan GPS, anda bisa menentukan lokasi secara manual seperti yang telah dijelaskan diatas, caranya :
  • pilih widget yang ingin anda buat
  • Sebelum masuk pada menu Layout, geser kebawah lalu cari menu Location
  • Add location dengan cara menekan icon " + "
  • Masukkan nama lokasi anda, kemudian klik centang pada bilah samping, Zooper akan mencari lokasi yang anda tetapkan dengan bantuan internet
  • Jika lokasi yang anda tambahkan selesai, pilih lokasi tersebut.

Membuat Widget Map

Rumus :
[ox]$(#LLONG#/180*setengah dari panjang map)$[/ox]
[oy]$(-#LLAT#/90*setengah dari lebar map)$[/oy]
[ox]$(#LLONG#/180*panjang map/2)$[/ox] jika anda kesulitan membagi total panjang
[oy]$(-#LLAT#/90*lebar map/2)$[/oy] jika anda kesulitan membagi total lebar
  • Tentukan gambar Map yang akan dipakai
  • Ubah ukuran Map sesuai keinginan (Scale jika menggunakan bitmap, Text Size jika menggunakan font)
  • Tambahkan module rect, kita beri nama Rect1
  • Ubah value height pada Rect1 menjadi 1 atau 2
  • Ubah value Width hingga panjangnya sama dengan panjang Map, misalkan 338
  • Tambahkan mudule rect, kita beri nama Rect2
  • Ubah value Width pada Rect2 menjadi 1 atau 2
  • Ubah value Height hingga lebarnya sama dengan lebar Map, misalkan 168
  • Buka kembali Rect1, isikan pada Advance Parameter dengan rumus: [oy]$(-#LLAT#/90*168/2)$[/oy] (angka 168 diambil dari nilai height pada Rect2)
  • Buka kembali Rect2, isikan pada Advance Parameter dengan rumus: [ox]$(#LLONG#/180*338/2)$[/ox] (angka 338 diambil dari nilai width pada Rect1)
Jika anda ingin membuat 1 module rect sebagai tanda titik kordinat, anda cukup menggabungkan dua rumus Advance Parameter di atas dalam satu rect, contoh:
Rect = width: 2, height: 2, corner: 2
Advance Parameter:
[ox]$(#LLONG#/180*338/2)$[/ox]
[oy]$(-#LLAT#/90*168/2)$[/oy]

Monday, February 20, 2017

Zooper Desain Dasar Menggunakan Rect

  No comments
          Rect (Rectangular Shapes) merupakan suatu module untuk membuat suatu bentuk atau pola dasar pada Zooper seperti rectangle, circle, line dan sebagainya, berbeda dengan image editor yang memiliki banyak module shapes untuk membuat pola, Zooper hanya menyediakan satu module yang harus kita kustomisasi secara manual melaului editor seperti width, height, corner dan sebagainya.

Width dan Height

Secara default ketika kita menambahkan sebuah rect pada Zooper, value dari width dan haight adalah 10, jika kita lihat pada review merupakan sebuah kotak kecil 
  • Rectangle
Untuk meembuat bentuk ractangle kita cukup merubah value width dan height baik itu pesegi atau pesegi panjang, misalkan kita rubah value width: 50 dan height: 50, atau width: 100 dan height: 50 untuk pesegi panjang, akan tampak seperti contoh gambar berikut

  • Line (garis lurus)
Membuat line sama halnya dengan contoh di atas, hanya perlu merubah value width dan height baik itu vertical maupun horizontal, hanya saja kita cukup merubah value dari width atau height kurang dari nilai 10, misalkan kita rubah value width: 100 dan height: 2 untuk horizontal, atau width: 2 dan height: 100 untuk vertical, maka akan tampak seperti gambar berikut

Corner

Corner berfungsi untuk menentukan ketumpulan sudut dari sebuah rect, tapi kita juga perlu menyesuaikan value width dan height untuk menetapkan value dari corner agar sesuai dengan bentuk yang kita inginkan
  • Rounded Rectangle
Membuat rounded rectangle kita hanya perlu menetapkan value corner lebih kecil dari nilai setengah width dan height, misalkan kita rubah value width dan height menjadi 100 sedangkan corner kita rubah menjadi 20 (value dari width dan height tidak perlu sama dalam membuat rounded ractangle misalkan 50,100 atau 100,30 atau 40,80 dan seterusnya), maka akan tampak seperti contoh gambar berikut

  • Circle
Berbeda dari rounded rectangle, untuk membuat circle kita perlu menyamakan value dari width dan height sedangkan value dari corner setengah atau lebih besar dari nilai value width dan height, contoh : width: 100, height: 100, corner: 50, akan tampak seperti gambarbar berikut

Outline

Outline berfungsi untuk membentuk rect yang kita buat menjadi garis tepi atau border, dalam istilah image editor lebih dikenal sebagai stroke, value yang ditentukan pada outline akan selalu mengikuti bentuk awal dari rect seperti rectangle, circle dan sebagainya, value 0 adalah fill sedangkan lebih dari itu menentukan ketebalannya

Curving

curving berfungsi untuk menentukan lengkung dari rect, kita bisa membuat sebuah bentuk arc atau circle outline menggunakan ini, value yang ditetapkan pada kurving adalah 0 - 360° lingkaran atau sebaliknya 0 - -360° lingkaran dimulai secara horizontal, value dari width dan height sangat mempengaruhi besar kecilnya curving sedangkan outline akan mengikuti bentuk curving itu sendiri

Drawing Mode

Seperti halnya pada image editor, Zooper juga memiliki kemampuan berupa lapisan layer melalui drawing mode ini seperti normal, add, xor, darken dan sebagainya, untuk memanfaatkannya kita membutuhkan lebih dari satu module, Zooper tidak memiliki menu eraser untuk menghapus sebagian dari bentuk yang kita buat, tapi kita bisa memanfaatkan menu ini untuk melakukannya, misalkan kita akan membuat bentuk segitiga
  • pertama tambahkan rect yang kita beri nama misalkan rect 1
  • ubah value width: 60, height: 60, rotation: 45
  • tambahkan rect yang kedua, kita beri nama rect 2
  • ubah value dari rect 2, width: 100, height: 50, Y offset: 25 untuk sedikit menggeser ke bawah
  • klik menu Drawing Mode pada rect 2 kemudian pilih clear
maka akan tampak seperti contoh gambar dibawah ini 

Sunday, February 19, 2017

Zooper Membuat Notifikasi Status Bar

  No comments
Pada tutorial sebelumnya kita telah membahas bagaimana membuat Count notification pada zooper, pada kesempatan kali ini kita akan melanjutkan bagaimana membuat notifikasi seperti pada status bar yang menyertakan nama pengirim dan isi, bagi yang belum membaca silahkan lihat Disini.


Setelah kita membuat profile Count Notification pada tasker seperti pada tutorial yang lalu, sekarang kita akan menambahkan beberapa Action task, silahkan simak langkah-langkah berikut
  1.  Buka aplikasi Tasker dan geser ke table Task, pilih pada task Bbm Count
  2. tambahkan action Variables - Variable Split, isikan pada kolom Name dengan variable %NTITLE, Pada kolom Spliter isi dengan " : " tanpa kutip

  3. tambahkan Variables - Variable Set, isikan pada kolom Name : %Bbmf, To: %NTITLE1
     
  4. tambahkan Plugin - Zooper Widget Pro, seting konfigurasi pada ZW Variable: bbmf , ZW text : %Bbmf , lakukan seperti pada Tutorial sebelumnya.
  5. add Variables - Variable Set, isikan pada kolom Name : %Bbmb , To : %NTITLE2, lihat contoh pada langkah no.3
  6. add Plugin - Zooper Widget Pro, setting pada ZW Variable: bbmb , ZW text : %Bbmb seperti pada langkah no.4
Setelah kita selesai dengan konfigurasi pada Tasker, sekarang kita tinggal mengedit widget Zooper, download bahan img.png disini , unpack pada folder yang anda inginkan, dalam paket .zip kami juga menyediakan sample tamplate Bbm notif.zw untuk bahan latihan, letakkan pada /sdcard/ZooperWidget/Templates.

Membuat Widget Notifikasi

  • Rect
    • Name : background
    • Width : 380
    • Height : 80
    • Advance Parameter : [ox]$#Tbbm#=0?1000$[/ox]
  • Bitmap
    • Name : icon header
    • X offset : -150
    • Y offset : -24
    • Bitmap : cari gambar BBM-logo.png
    • Scale : 75
    • Advance Parameter : [ox]$#Tbbm#=0?1000$[/ox]
  • Rich Text
    • Name : notif header
    • X offset : -130
    • Y offset : -31
    • Edit Text Manually : [s=40][b].[/b][/s] #Tbbm# BBM
    • Size : 17
    • Color : #757575
    • Text Alignment : left
    • Advance Parameter : [ox]$#Tbbm#=0?1000$[/ox]
  • Rect
    • Name : line
    • X offset : 0
    • Y offset : -10
    • Width : 320
    • Height : 2
    • Color : #757575
    • Advance Parameter : [ox]$#Tbbm#=0?1000$[/ox]
  • Rich Text
    • Name : from
    • X offset : -160
    • Y offset : -1
    • Edit Text Manually : From #Tbbmf#
    • Color : #757575
    • Text Alignment : left
    • Advance Parameter : [ox]$#Tbbm#=0?1000$[/ox]
  • Rich Text
    • Name : body
    • X offset : -160
    • Y offset : 18
    • Edit Text Manually : [tr=50]#Tbbmf#[/tr]
    • Color : #757575
    • Text Alignment : left
    • Advance Parameter : [ox]$#Tbbm#=0?1000$[/ox]
  • Rect
    • Name : clear
    • X offset : 95
    • Y offset : 16
    • Width : 150
    • Height : 47
    • Gradient Mode : linear
    • Gradient Color : #7dffffff
    • Angle : -90
    • Advance Parameter : [ox]$#Tbbm#=0?1000$[/ox]
  • Bitmap
    • Name : open
    • X offset : 142
    • Y offset : 16
    • Module OnTap : App list - BBM
    • Bitmap : cari gambar BBM-open.png
    • Scale : 70
    • Advance Parameter : [ox]$#Tbbm#=0?1000$[/ox]
  • Bitmap
    • Name : close
    • X offset : 92
    • Y offset : 16
    • Module OnTap : shortcut - task shortcut - Bbm clear
    • Bitmap : cari gambar BBM-close.png
    • Scale : 70
    • Advance Parameter : [ox]$#Tbbm#=0?1000$[/ox]