Background

TEMA MOZILA FIREFOX

Biasanya kalau anda ingin mengganti tema mozilla, pasti anda cari temanya di internet, lalu anda download. Apakah anda pernah terpikir ingin membuat tema mozilla firefox sendiri? Jika belum terpikir sama sekali, apakah anda ingin membuatnya? Jika ingin, anda bisa ikuti langkah-langkah pembuatannya pada artikel ini. Untuk pembuatannya sendiri, anda tidak perlu belajar coding atau sejenisnya yang membuat anda menjadi rumit untuk memahaminya.


Screenshot


Dalam pembuatannya, ada dua tool yang harus anda punya, yaitu :

1. Personas (add-ons Mozilla Firefox). Toolnya bisa anda dapatkan disini.

2. Adobe Photoshop atau sejenisnya (untuk membuat dan mendesain gambar tema Firefox). Namun, pada tutorial ini saya menggunakan Photoshop.

Jika 2 tool tersebut sudah berada pada komputer anda, kita lanjutkan dengan langkah-langkah tutorialnya.

Pertama sekali, memasang add-ons "personas" yang sudah pernah saya sebutkan di atas.

Selanjutnya, yaitu mendesain gambarnya. Untuk mendesainnya anda harus tau terlebih dahulu, berapa panjang dan tinggi toolbar yang berada di atas halaman site mozilla firefox anda.


Cara mendapatkan ukuran Toolbar :

1. print screen tampilan mozilla firefox anda (Tekan tombol "prtsc SysRq" pada keyboard anda).

2. Paste ke "Paint" dan "save" (save format dalam bentuk .png)

3. Buka gambar di "photoshop" dan "crop" dari sudut kiri atas hingga sudut kanan bawah.

4. Pilih menu image >> imagesize, dari sana kita tahu berapa panjang (width) dan tinggi (height) toolbar mozilla.

Jika sudah, anda buat gambarnya di photoshop atau seterah dengan ukuran sama dengan ukuran gambar yang sudah anda crop. Saya tidak akan memberikan tutorial kepada anda, bagaimana cara membuat dan mendesain gambar, jadi saya anggap anda sudah bisa.

Selanjutnya yaitu memasang gambar yang anda buat ke mozilla, dengan cara :

pilih menu tools >> personas >> custom personas >> edit.


Maka akan tampil seperti gambar di bawah ini.


Keterangan :

Name (Nama tema anda).

Header (dimana letak gambar header/toolbar yang anda buat).

Footer (kosongkan saja).

Text Color (warna tulisan pada toolbar).

Accent Color (warna dasar background toolbar. Warna ini akan aktif, jika tema mozilla anda tidak ditemukan atau tidak dipasang).

Jika sudah, anda tekan tombol "save" dan lihat hasilnya.

Mungkin kalau ada penyampaian yang kurang jelas, anda bisa berkomentar pada kotak komentar yang sudah saya sediakan di bawah ini.

Sampai jumpa lagi pada artikel selanjutnya...

-Terima kasih-

Categories: Share

Leave a Reply