Mendeteksi Warna Text dan Background dg FireBug

Untuk bikin adsense menyatu ama website kita kadang kita susah mendeteksi warna yang sesuai karena kode html mungkin sangat panjang dan kita cuma pake skin bukan buatan kita.

Cara yang lumayan cepat pakai FireBug, Add On dari Mozilla. Klik tools > Add-On, klik get extention terus cari firebug. Atau langsung aja klik:
https://addons.mozilla.org/en-US/firefox/addon/1843

Klik Install, abis install restart Mozilla, buka website kita terus klik view > FireBug di menu. Split window akan muncul, klik tanda + geser mouse ke daerah situ. Selama mouse digerakkan di code, warna tampilan akan selalu berubah. Jadi kita bisa dengan cepat mendeteksi daerah mana yang kita ingin lihat kodenya.

Cara lain, search aja dengan kata kunci background.

Firebug juga berguna buat mempelajari website2 dari orang lain.

Semoga membantu.

 

Makasih !! tipsnya klo saya make Color Lab di buat sendiri dengan visual basic

 

Kalau mau yang lebih gampang:
baris yang ada kata 'color'-nya diilangin semua. adsense otomatis menyesuaikan warnanya sendiri.

---- ini ilangin semua ------
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "000000";
google_color_text = "333333";
google_color_url = "666666";

 

Bukannya kembali ke adsense default klo di ilangin ?

 

thx atas infona ,hehehe ;D

 

Emang dibolehin ama google otak atik code? Kalau ilanginnya dari adsense setup bisa ga? Jadi kita ilangin isiannya.

Firebug itu keuntungannya adalah kecil banget ukurannya, hanya beberapa kilobyte dan kita bisa edit codenya langsung liat perbedaan tanpa instal program lain.

 

firebug itu apa ya ?

 

pakai software pixie nattyware aja.malah gampang

 

Firebug itu addon atau plugins buat firefox, jadi bisa jalan kalau ada firefox. Enaknya pakai firebug adalah:
1. kita gak perlu buka software baru karena tiap hari kan kita browsing pakai firefox
2. Ukurannya sangat kecil (Version 1.05 — 24.04.2007 — 258 KB)

Buat apa pake software aneh2, kan kalau kita otak atik adsense mau gak mau online, dan biasanya pakai firefox. Dengan firebug kita gak usah pusing2 seach kode html yang panjang banget. Kita dengan mudah mendapatkan bagian yang menarik dari website yang mau kita lihat codenya. Klik bagian <div> nya terus bagian kanan langsung keliatan code cssnya dan bagian divnya langsung di highlight.

Add ons firefox sangat banyak membantu buat otak atik website atau browsing, kita bisa bikin mouse gesture buat firefox, ftp, chat, minimize firefox to tray, ilangin popup atau iklan2, matiin javascript pada website tertentu yang banyak iklannya.

Untuk lebih jelasnya liat aja deh di: https://addons.mozilla.org/

Coba aja instal, aku jamin kecepatan belajar html ama css semakin tinggi. Install ga sampai 1 menit, gak ada tahap download, klik aja langsung otomatis install. Tentu aja harus langsung dari firefox.

Keuntungan firefox satu2nya buat aku sih cuma ada firebugnya aja, kalau ga butuh otak atik, aku pake opera.

 

@yoyokits
1 applaud

 

Seperti kata ngkong, kalau dah nyoba add ons jangan kesenengen karena banyak banget fasilitasnya, walaupun kecil kalau kebanyakan bisa bikin firefox ngadat. Jadi cukup install firebug, noscript, ama mouse gesture (kaya opera, uenak tenannnn ;D).

Hati2 pake add on, karena add on no script bisa matiin javascript. Adsense kan juga script, jadi kalau pakai ini, adsense kita gak nongol.

Jangan salah ngerti yah, firebug itu bukan stand alone program, itu plugins, atau software tambahan yang nancep di fire fox. Kalau udah diinstall, restart firefox, terus buka website yang mau kita "mata2i". Klik menu View > FireBug.

 

Makasih bang

 

mendeteksi warna semudah membalik telapak tangan. dan bukan software aneh2. 8)

pixie nattyware : 75,5 KB

 

Saya udah buka websitenya, bener kata mas lelono, untuk ambil warna kayanya pixie lebih mudah. Firebug terlalu luas, kayanya sih firebug lebih ke viewing dan editing css, html ama script. Jadi lewat firefox langsung kita bisa rubah warna lewat firebug, ubah code script, atau css, klik enter langsung jadi.

Jadi kalau kita pengin liat htmlnya aja tinggal klik tab, kalau cssnya, klik css.