membuat tema hp

Sebelum kita mulai tutorial ini, saya akan menjelaskan sedikit nya yang saya tau mengenai tema hp nokia ini, tentu nya dengan penjelasan menggunakan versi saya...

Tema hp nokia ini format nya adalah .nth (nokia themes), dan tema nokia ini adalah sebuah paket untuk tampilan layar handphone nokia, seperti ikon menu, gambar proses loading, gambar wallpaper, gambar background, warna teks, warna status operator, dan lain-lain. Dan pada dasarnya tema ini adalah sebuah archive yang di muat dalam satu wadah yang memiliki extention .nth


Didalam paket tersebut, terdapat dua jenis file yang di butuhkan oleh tema itu sendiri, yaitu beberapa item gambar dan satu file .xml sebagai konfigurasi nya.


Silahkan kamu lihat kode theme_descriptor.xml untuk tema hp nokia dibawah ini :


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE theme PUBLIC "-//NOKIA//DTD THEME 2.0//EN" "theme.dtd">
<theme name="TemaBuatanKu" version="2.0">
    <colors
        display="main"
        header_font_color="0x523838"
        status_area_font_color="0x523737"
        softkey_font_color="0x543939"
        idle_font_color="0x523838"
        idle_status_area_font_color="0x523838"
        idle_softkey_area_font_color="0x523838"
        menu_font_color="0x543939"
        menu_highlight_font_color="0x000000"
        grid_menu_font_color="0x000000"
        grid_menu_highlight_font_color="0x000000" />
    <menu_item
        item_id="applications"
        list_view_icon="applications.png"
        grid_view_icon="applications.png"
        animating_grid="applications_ani.png"
        app_specific_bg="background.jpg" />
    <menu_item
        item_id="callregister"
        list_view_icon="callregister.png"
        grid_view_icon="callregister.png"
        animating_grid="callregister_ani.png"
        app_specific_bg="background.jpg.jpg" />
    <menu_item
        item_id="contacts"
        list_view_icon="contacts.png"
        grid_view_icon="contacts.png"
        animating_grid="contacts_ani.png"
        app_specific_bg="background.jpg.jpg" />
    <menu_item
        item_id="gallery"
        list_view_icon="gallery.png"
        grid_view_icon="gallery.png"
        animating_grid="gallery_ani.png"
        app_specific_bg="gridbg.jpg" />
    <menu_item
        item_id="media"
        list_view_icon="media.png"
        grid_view_icon="media.png"
        animating_grid="media_ani.png"
        app_specific_bg="background.jpg.jpg" />
    <menu_item
        item_id="messages"
        list_view_icon="messages.png"
        grid_view_icon="messages.png"
        animating_grid="messages_ani.png"
        app_specific_bg="gridbg.jpg" />
    <menu_item
        item_id="organizer"
        list_view_icon="organizer.png"
        grid_view_icon="organizer.png"
        animating_grid="organizer_ani.png"
        app_specific_bg="background.jpg.jpg" />
    <menu_item
        item_id="push_to_talk"
        list_view_icon="push_to_talk.png"
        grid_view_icon="push_to_talk.png"
        animating_grid="push_to_talk_ani.png"
        app_specific_bg="gridbg.jpg" />
    <menu_item
        item_id="services"
        list_view_icon="services.png"
        grid_view_icon="services.png"
        animating_grid="services_ani.png"
        app_specific_bg="background.jpg.jpg" />
    <menu_item
        item_id="settings"
        list_view_icon="settings.png"
        grid_view_icon="settings.png"
        animating_grid="settings_ani.png"
        app_specific_bg="background.jpg.jpg" />
    <wallpaper
        main_display_graphics="wallpaper.jpg" />
    <screensaver
        main_display_graphics="screensaver.png" />
    <background
        main_default_bg="listbg.jpg"
        grid_menu_bg="background.jpg.jpg"
        note_bg="note_bg.png"
        idle_status_area_bg="spacer.gif"
        idle_softkey_area_bg="spacer.gif" />
    <calendar_bg
        january="Eu8dvgayVjanuary.jpg"
        february="Eu8dvgayVjanuary.jpg"
        march="Eu8dvgayVjanuary.jpg"
        april="Eu8dvgayVjanuary.jpg"
        may="Eu8dvgayVjanuary.jpg"
        june="Eu8dvgayVjanuary.jpg"
        july="Eu8dvgayVjanuary.jpg"
        august="Eu8dvgayVjanuary.jpg"
        september="Eu8dvgayVjanuary.jpg"
        october="Eu8dvgayVjanuary.jpg"
        november="Eu8dvgayVjanuary.jpg"
        december="Eu8dvgayVjanuary.jpg" />
    <radio_audio_bg
        radio_bg="audiobg.jpg"
        audio_bg="audiobg.jpg" />
    <softkey_bg />
    <wait_graphics
        src="wait_graphics.gif" />
    <highlight
        tab="tabhighlight.png"
        list="listhighlight.png"
        grid="gridhighlight.png"
        active_idle_row="active_idle_rowhighlight.png"
        active_idle_shortcut_bar="active_idle_shortcut_bar.png" />
    <tones />
    <startup />
    <shutdown />
    <transformation_open
        main_display_graphics="listbg.jpg" />
    <transformation_close
        main_display_graphics="background.jpg.jpg" />
</theme>


Dengan melihat kode xml di atas, sudah jelas bahwa tema tersebut memiliki beberapa item gambar dan kode warna untuk dekorasi tampilan layar handphone, dengan menggunakan sistem konfigurasi xml.


Coba kamu perhatikan kode pada bagian ini : 


<colors
        display="main"
        header_font_color="0x523838"


Ini adalah kode warna untuk tampilan layar depan sebelah atas, kamu bisa menggantinya dengan kode warna lain, misalkan kamu mau mengganti nya dengan warna merah, kamu tinggal mengganti kode warna nya seperti ini 0xF00000 atau misalkan kamu mau menggantinya dengan warna biru, kamu tinggal menggantinya seperti ini 0x0000F0


Jika masih belum hapal kode warna, kamu bisa mengacak kode dengan mengambil 6 angka di belakang kode, dengan urutan acak (ABCDEF0123456789), dan jangan menggunakan hurup atau angka yang lain.


Coba lihat pada bagian ini :


<menu_item
        item_id="applications"
        list_view_icon="applications.png"
        grid_view_icon="applications.png"
        animating_grid="applications_ani.png"
        app_specific_bg="background.jpg" />


Ini adalah konfigurasi untuk tampilan menu Applikasi (item_id="applications"), dan kamu bisa modifikasi sedikit dengan mengganti gambar-gambarnya, misalkan mau mengganti background saat menu applikasi dibuka, maka kamu tinggal mengganti gambar background.jpg dengan gambar sesuai selera, bisa juga dengan poto kamu sendiri.


Saya rasa penjelasanya tidak perlu sedetail mungkin, karena sampai disini mungkin kamu sudah memahaminya, silahkan sesuaikan sendiri item-item lainya ya....


Jika masih bingung silahkan download salah satu tema nokia, kemudian extract file tema .nth tersebut menggunakan winrar atau program archives lainya untuk pack dan unpack arcives.


Setelah di extraxt, buka file theme_descriptor.xml dengan notepad dan edit file tersebut seperti di atas, kemudian setelah selesai bungkus kembali file-file tadi dengan menggunakan winrar, dan rename dari hasilpack.zip menjadi hasilpack.nth


Semoga tutorial ini dapat berguna bagi yang membacanya, dan salam kenal bagi yang baru menemukan blog ini.