Colorize your blog with ColorZilla

firefox logoJudulnya terlalu keren ya hehe. Jangan ngebayangin bakal dapat tips maut lho, ini hanya sharing pengalaman saja kok 😀 . ColorZilla adalah add-on khusus untuk browser FireFox. Mungkin teman² sudah banyak yang tahu. Tapi saya tetap saja ingin nulis tentang ini, karena add-on ini sangat membantu saya dalam bekerja. Karena setiap hari disamping ngeblog, rutinitas kerja saya juga selalu berhubungan dengan website. Desain maupun pemrograman web. Wong saya webmaster 😀 . Jadi untuk desain tampilan website/blog terutama style CSS nya, add-on ini sangat membantu.

Fungsi ColorZilla adalah untuk mendapatkan kode warna dari warna yang kita inginkan. Jadi kalau ada warna bagus yang kita sukai langsung saja di”tembak” pakai add-on ini dan kita telah mendapatkan kode warnanya. Saya akan ceritakan sedikit pengalaman saya dengan add-on ini.

Bila anda akan memasang spot iklan PPC seperti adsense, adbrite, bidvertiser, kliksaya, adspeedy dll kata para master desain text iklannya harus senada/sewarna dengan desain blog kita agar maksimal earningnya. Nah pakai ColorZilla untuk mendapatkan kode warna dari link text blog kita, dan samakan dengan link text di desain iklan PPC kita, jadi gak perlu ngubek² file CSSnya hanya untuk mendapatkan kode warna yang senada 😀 .

Bila anda sangat cinta dengan themes blog anda saat ini tapi rada bosen dengan warnanya atau ingin merubah tema blognya, ya gak perlu ganti theme. Ganti aja style warnanya seperti blog saya ini yang baru ganti warna 😀 . Caranya mudah, langkahnya begini (ini khusus untuk pengguna wordpress self hosting lo ya dan browser FireFoxnya sudah terinstall add-on ColorZilla 😀 ) :

  1. Pertama-tama backup dulu file style.css nya. Atau rename saja filenya kalau suatu saat anda ingin kembali kedesain yang lama tinggal rename kembali saja 😀 .
  2. Buka file style.css untuk siap diedit.
  3. Kembali kehalaman utama blog anda, dan mulailah mengganti warna. Terserah mulai dari mana, misalkan kita mulai dari border utama. Gunakan ColorZilla untuk mendapatkan warna dari border, kalau sudah dapat copy kode warnanya.
  4. Kembali ke file style.css dan coba searching kode warna tadi. Kalau sudah ketemu coba ganti dengan kode warna lain dan simpan. Trus refresh blognya. Kalau sudah berubah warnanya berarti sukses, tapi kalau tidak berubah berarti salah dan cari lagi sampai ketemu. Memang kelihatan ribet tapi kalau sudah terbiasa seperti saya bisa cepat kok. Apalagi kalau sudah punya ilmu dasar CSS, malah tambah cepat 🙂 .
  5. Bingung ya? saya juga bingung ngejelasinnya, mending ngobrol langsung saja kalau ada pertanyaan via YM ok 🙂 .

Bagi teman² yang belum tahu dan belum pernah menggunakan plugin ColorZilla, silahkan download add-on nya DISINI dan baca penjelasan mas Isnaini untuk cara penggunaannya. Add-on ini sudah saya pakai sejak firefox 1.0 sampai 3.01 dan tidak ada masalah alias compatible 😀 . Atau pengen belajar CSS ??? baca tutorial lengkap CSS DISINI.

Happy Blogging 😀

Update:
Karena banyak yang nanya bisa gak buat blogspot? ya bisalah 🙂 . Ngedit kode warnanya di menu LAYOUT –> EDIT HTML. Gak perlu mencentang Expand Widget Templates. Nah searching kode warna lama disitu, trus replace dengan kode warna baru, kemudian SAVE TEMPLATE. Sudah 🙂

image from http://www.photoshoptalent.com/images/contests/Colorize%20image%20with%20Hue-Sat%20practice/fullsize/Colorize%20image%20with%20Hue-Sat%20practice_47f883b28ce63.jpg

39 Comments

  1. ika August 27, 2008 Reply
  2. hrxone August 27, 2008 Reply
  3. Lex dePraxis August 27, 2008 Reply
  4. penyu August 27, 2008 Reply
  5. wawanwae August 27, 2008 Reply
  6. Internet marketing August 27, 2008 Reply
  7. ika August 27, 2008 Reply
  8. ugiQ August 27, 2008 Reply
  9. Diah August 27, 2008 Reply
  10. kapanpun August 28, 2008 Reply
  11. Jingga August 28, 2008 Reply
  12. yudi August 28, 2008 Reply
  13. Fachia August 28, 2008 Reply
  14. OOM August 28, 2008 Reply
  15. ario saja August 28, 2008 Reply
  16. ika August 29, 2008 Reply
  17. ika August 29, 2008 Reply
  18. ika August 29, 2008 Reply
  19. Shugoshin August 29, 2008 Reply
  20. ika August 30, 2008 Reply
  21. jimmy August 31, 2008 Reply
  22. Jingga September 23, 2008 Reply
  23. Witanto July 6, 2010 Reply
  24. disfungsi seksual pria October 18, 2011 Reply
  25. lemah syahwat October 18, 2011 Reply
  26. Tomas Ritchko December 13, 2012 Reply
  27. domain August 16, 2014 Reply
  28. Bruno January 26, 2015 Reply
  29. canon eos 1dx price January 28, 2015 Reply
  30. cabin plans November 20, 2015 Reply
  31. more tips here December 3, 2015 Reply
  32. hier verlinkt December 16, 2015 Reply
  33. mehr Infos January 11, 2016 Reply
  34. Get More Information February 29, 2016 Reply
  35. additional reading March 1, 2016 Reply

Add a Comment

Your email address will not be published. Required fields are marked *