Membuat tema web browser google chrome sendiri mempunyai kepusan tersendiri. Tapi bagaimana cara membuatnya? kadangkala kita ribet dengan berbagai tahap yang harus dikerjakan. Kali ini saya akan memberikan tips praktis cara membuat tema google crome dengan cepat.
Baik, saya coba bahas satu persatu :
- Ada creator online tema google chrome yang akan memudahkan sobat untuk membuat tema google chrome.
langsung ke TKP http://www.chrometheme.net/
- Masuk ke menu Theme Creator.
Sisi sebelah kiri adalah tahapan untuk memulai membuat tema google chrome dan sebelah kanannya adalah untuk previewnya.
TAHAP 1 (START):
- Theme Name : Nama Tema yang akan ditampilkan.
- Description : Deskrisi yang akan ditampilkan
TAHAP 2 (IMAGES)
- Theme Frame : frame, area di belakang tabs, area yang ga ketutup diisi sama frame di Color (berlaku untuk semua bagian "frame"), kalau bagian ini ga diisi yang bakal muncul adalah warna biru default chrome (frame di Color ga akan ambil alih)
- Theme toolbar : background tab aktif dan toolbar di bawahnya
- Theme tab_background : background tab yang ga aktif
- Theme ntp_background :area putih pada saat masuk ke new tab, yang ada "most visited" sama "recently closed"
- Theme frame_overlay : area kecil di sudut kiri atas, sebelah kiri tab paling kiri (ga keliatan pengaruhnya). frame_overlay_inactive, area kecil di sudut kiri atas, sebelah kiri tab paling kiri dalam keadaan tidak aktif (ga keliatan pengaruhnya)
- button_background : background tombol" di toolbar (ga keliatan pengaruhnya)
- ntp_attribution : space kecil untuk diisi tulisan "Theme created by" (tapi disini ga akan dipake)
- window_control_background : background tombol minimize, maximize, close, sama new tab (kalau ga diisi di ambil alih control background di Color).
Ukuran untuk background utama adalah 1360x768 Pixels. Ukuran ini saya pakai untuk ukuran laptop 14 inc. Tp kadangkala untuk tampilan di previewnya tidak tepat. Maka kadangkala untuk melihat pas atau tidaknya posisi background bisa dengan cara instalin aja dulu di google chrome sobat. Tar kelihatan yang tidak tepatnya di mana tinggal di edit saja di potoshop.
Ukuran untuk tambilan di tab saya memakai ukuran 300x100 Pixels. Mungkin sobat bisa menyesuaikan sendiri dengan keadaaan komputer ataupun sesuai keinginan sendiri.
3. TAHAP 3 (COLORS) :
(1) frame : area di belakang tabs sama border (border ga bakal keliatan kalau fullscreen), mengisi bagian yang ga ketutup frame di Image
(1) frame_inactive : area di belakang tabs sama border dalam keadaan tidak aktif
(1) frame_incognito : area di belakang tabs sama border mode incognito
(1) frame_incognito_inactive : area di belakang tabs sama border mode incognito dalam keadaan tidak aktif
(2) toolbar : area tab aktif dan toolbar di bawahnya
(3) tab_text : teks di tab yang lagi aktif
(4) tab_background_text : teks di toolbar yang ga lagi aktif
(5) bookmark_text : teks di bookmark, termasuk teks di bar download yang muncul di bagian bawah waktu download
(6) ntp_background : area putih pada saat masuk ke new tab, yang ada "most visited" sama "recently closed"
(7) ntp_text : teks yang muncul di new tab
(8) ntp_link : teks link yang muncul di new tab
ntp_link_underline, teks link underlined yang muncul di new tab
(9) ntp_header : frame bagian "most visited" yang muncul waktu di roll over
(10) ntp_section :border bagian "most visited" yang muncul waktu di roll over
(11) ntp_section_text : teks yang ada di bagian "recently closed"
(12) ntp_section_link : teks link yang ada di bagian "recently closed"
ntp_section_link_underline, teks link underlined yang ada di bagian "recently closed"
(13) control_background : tombol minimize, maximize, close, sama new tab
(14) button_background : background tombol di toolbar (Tidak keliatan pengaruhnya)
TAHAP 4 (TINTS) :
buttons
frame
frame_inactive
frame_incognito
frame_incognito_inactive
background_tab
frame
frame_inactive
frame_incognito
frame_incognito_inactive
background_tab
Saya Belum begitu mnegetahui fungsinya masing-masing, sudah dicoba tapi tidak kelihatan di previewnya. Coba saja sama sobat di coba, Tapi tidak usah di ubah juga tidak apa-apa. langsung aja tahap selanjutnya.
TAHAP 5 (PACk) - Tahap terakhir :
- Pack and instal theme : untuk mengintal pada web browser Google Crome sobat.
- Pack and Download Theme : Download theme format .crx
- Pack and download zip file : Download paket download format zip, yang nantinya zip ini yang akan di upload jika hasil tema sobat mau dipublikasikan.
- Upload zip theme file : Untuk menupload tema hasil kreasi sobat semua.
Seperti ini Tampilan Google Chrome saya. Walaupun jelek tapi punya kebanggan tersendiri memakai hasil kreasi sendiri. he..
Tampilan background Google Chrome kalau di minimax.
Selamat mencoba, terima kasih atas kunjungannya di blog kami. Mohon untuk meninggalkan buku tamu ataupun komentar, saran dan kritiknya demi berkembangnya blog kami lebih baik lagi. Matur suwun alias terima kasih.
0 komentar:
Posting Komentar