Tuesday, December 18, 2012

Cara Merubah Tampilan Tombol Toolbar Mozilla Firefox

Cara Merubah Tampilan Tombol Toolbar Mozilla Firefox
Cara Merubah Tampilan Tombol Toolbar Mozilla Firefox - Mozilla Firefox, Internet Browser kesayangan saya. walaupun banyak Internet Browser yang lain seperti Google Chrome, Internet Explorer, Safari, Opera, RockMelt, TheWorld, dll. tetapi entah mengapa saya lebih nyaman menggunakan Mozilla Firefox.
dan di posting kali ini, saya akan berbagi trik untuk mengubah tombol toolbar di Internet Browser Mozilla Firefox.
maksudnya, bisa dilihat screenshoot dibawah ini. ( entah benar atau salah namanya "Tombol Toolbar Mozilla Firefox" saya juga tidak tau. tapi anggap aja benar.)
Cara Merubah Tampilan Tombol Toolbar Mozilla Firefox

disitu tombol yang awalnya berwarna Orange dan hanya bertuliskan Firefox, dapat diubah menjadi seseuai keinginan kita.

jika Firefox sobat tidak terdapat tombol seperti diatas, dapat menonaktifkan Menubar dengan cara masuk ke View - Toolbar - hapus centang pada Menubar
kembali ke tutorialnya.

Cara Merubah Tampilan Tombol Toolbar Mozilla Firefox

1. tekan tombol tollbarnya, masuk ke help - Troubleshooting Information
Cara Merubah Tampilan Tombol Toolbar Mozilla Firefox
2. tekan tombol Show Folder
Cara Merubah Tampilan Tombol Toolbar Mozilla Firefox 
3. maka akan masuk ke sebuah Folder, dalam folder tersebut, buatlah sebuah folder baru dengan nama "chrome" (tanpa tanda petik)
4. buka notepad, pastekan kode berikut
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#appmenu-button

{

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4ayQieqorYbOpZLw9hmgVvDfm2uFfKIfyL2htsnxXvYjic8EqKjtToEnciQ-fIi6mGdk3_dffQoVhnnNFir23zwSjxhFhgnevRUxuAIGej0Kn0yYrvF1K3xc9USQtVXujHGDqYC39W8/s1600/seo+mint.png) no-repeat !important;

}

#appmenu-button dropmarker:before {

content: "SEO Mint" !important;

color: #ffffff;

}

#appmenu-button .button-text {

font-style:italic;
font-color: #CBCBCB;


}
5. simpan file dengan nama userChrome.css
6. copykan file userChrome.css tadi ke folder chrome yang baru dibuat.
7. setelah selesai, restart Mozilla Firefox (bukan komputer). dan selesai.

NB :
-kode warna merah, untuk mengganti gambar background, bisa juga diganti hanya dengan warna. caranya hapus kode url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4ayQieqorYbOpZLw9hmgVvDfm2uFfKIfyL2htsnxXvYjic8EqKjtToEnciQ-fIi6mGdk3_dffQoVhnnNFir23zwSjxhFhgnevRUxuAIGej0Kn0yYrvF1K3xc9USQtVXujHGDqYC39W8/s1600/seo+mint.png) no-repeat dengan #kodewarna ( cth #ffffff  untuk warna putih, #000000 untuk warna hitam )
-kode warna biru, untuk mengganti tulisan yang disamping Firefox
-kode warna hijau, untuk mengubah warna teksnya
-jika ingin menghapus teks Firefox, ganti dengan display:none;
sekian Cara Merubah Tampilan Tombol Toolbar Mozilla Firefox dari saya, semoga bermanfaat buat semua.