16 Des 2012

Senjata Ampuh Sang Modifikator Blog

logo firebug
Salah satu dari seninya ngeblog adalah kondisi dimana sang pemilik blog menemui suatu tampilan yang tidak menarik dan membosankan sementara ketika menilik blog orang lain yang jauh lebih artistik, menarik, maka baru disadari betapa masih banyak kekurangan yang ada pada blog kita. Keadaan inilah yang sebaiknya dijadikan semangat untuk belajar mengejar ketertinggalan agar minimal bisa mendandani blog agar tidak membosankan.

Setelah berhasil membuat blog dan mengisinya dengan konten yang berbobot, di dalam blogspot langkah selanjutnya adalah memodifikasi blog agar lebih menarik. Hal ini hanya perlu dilakukan bagi blog yang masih menggunakan template standar blogger.

Memang banyak di luar sana situs-situs yang menyediakan template gratis dan bagus, tapi menurutku lebih baik menggunakan template standar blogger. Alasannya dengan memakai template bawaan blogger, pemilik blog bisa berkreasi. Di situlah nikmatnya bisa belajar kode-kode, menerapkan tutorial yang di dapat dari internet sehingga lambat laun akan menguasai kode script yang dibutuhkan dalam aktifitas bloging.

Lantas bagaimana caranya dan dengan apa untuk bisa memodifikasi blog. Banyak alat alias tools di internet untuk mendesain maupun memodifikasi blog. Namun dalam hal ini bagi sang modifikator cukup menggunakan dua senjata saja. Senjata tersebut bernama colorzilla dan firebug.

A. colorZilla
Colorzilla merupakan tools tambahan dari mozilla firefox. Fungsinya adalah untuk mengetahui kode warna suatu object cukup dengan sekali klik maka kode warna pun segera diketahui. Cara mendapatkan senjata ini syaratnya anda harus menggunakan browser mozilla firefox.
  1. Buka alamat ini https://addons.mozilla.org/id/firefox/addon/colorzilla/ kemudian klik tombol +Add to Firefox.
  2. Tunggu sampai proses download selesai, lalu klik instal, kemudian restart browsernya.
  3. Untuk memastikan bahwa colorzilla telah terinstal pada browser, adalah ditandai dengan kemunculan tombol ikon kecil di deretan ikon lainnya pada browser mozilla firefox.

Cara mengetahui kode warna dengan menggunakan colorZilla

1. Klik ikon colorZilla
icon colorzilla
icon colorZilla
2. Mainkan mouse dan arahkan di atas bidang yang berwarna, lalu klik bidang tersebut
3. Dan kode warna pun langsung terekam dalam gambar seperti di bawah ini.
kode warna dengan colorzilla
kode warna

B. Firebug
Firebug merupakan tools tambahan dari mozilla firefox. Fungsinya adalah untuk mengetahui kode html javascript suatu halaman web cukup dengan sekali klik maka kode html dan javascript pun segera diketahui.

Cara mendapatkan Firebug ini syaratnya anda harus menggunakan browser mozilla firefox.
  1. Buka alamat ini https://addons.mozilla.org/id/firefox/addon/firebug/
  2. kemudian klik tombol +Add to Firefox.
  3. Tunggu sampai proses download selesai, lalu klik instal, kemudian restart browsernya.
  4. Untuk memastikan bahwa Firebug telah terinstal pada browser, adalah ditandai dengan kemunculan tombol ikon kecil bergambar kumbang di deretan ikon lainnya pada browser mozilla firefox.

Cara mengetahui kode css, html, javascript dengan menggunakan Firebug
1. Klik ikon Firebug
icon firebug bergambar kumbang
klik icon firebug bergambar kumbang
2. Klik selector, lalu...
3. Klik bagian yang ingin dilihat kodenya, misalkan judul sidebar seperti dalam gambar berikut
melihat kode javascript, css, html
kode css, html, javascript terdeteksi
4. Dan kode css, html, javascript pun langsung dapat diketahui

Baik colorZilla maupun Firebug dapat langsung diketahui perubahannya. Selamat memodifikasi template blog.

Tidak ada komentar:

Posting Komentar