GO Blog

Setiap blogger memang selalu berhubungan dengan CSS terutama dalam gaya tampilan untuk template, terkadang dalam meng-edit CSS kita kerap melakukan hal yang terkadang membuang waktu dan kurang berguna yaitu membuka editor html dan menyimpan CSS secara berulang - ulang. hal ini kita lakukan bukan karena tanpa alasan, selain untuk menciptakan tampilan yang enak di pandang juga untuk memenuhi bagaimana agar blog kita bisa tampil sempurna di semua browser. jadi bila sobat ingin tahu templatenya bagus atau tidak, cek dulu disemua browser bagaimana tampilannya.

Kembali lagi pada cara Meng-edit CSS tanpa harus masuk ke dalam halaman Edit HTML, Sebenarnya ada cara yang sangat mudah mengedit  CSS tanpa harus masuk berulang kali ke halaman Edit HTML blogger, kita hanya perlu membuka halaman blog lalu mengedit kode CSS secara live (Online) tanpa perlu takut terjadi kesalahan dan error, yang kita perlukan hanyalah tools buatan Chrispederick yang di beri nama Web Developer tools ini lah yang akan membantu meringankan tugas kita mengedit Code CSS di blogger dengan lebih menghemat waktu. tidak hanya CSS, tool ini juga bisa digunakan untuk fungsi lain.

Bagaimana cara mengedit CSS dengan tools Web Developer?

1. Buka Browser Firefox lalu Download Web Developer

2. Installasi sesuai petunjuk, jika sudah terinstall maka akan muncul Toolbar Web Developer dengan munculnya menu icon

3. Untuk mengedit CSS pilih icon CSS -> lalu klik Edit CSS maka akan muncul jendela baru Edit CSS

4. Ada beberapa tab pilihan yang bisa digunakan untuk mencoba mengedit CSS, sebaiknya buka Embedded Styles disinilah Code CSS Blogger yang siap kita permak tanpa takut terjadi kesalahan.

5. Untuk mempermudah mengetahui lokasi kode CSS yang ingin di edit, anda hanya perlu mengaktifkan fungsi Style Information caranya  klik  icon CSS -> lalu klik Style Information.

6. Arahkan mouse untuk mencari lokasinya css yang ingin anda ambil untuk di edit, pada jendela baru akan muncul informasi dari kode CSS yang ditemukan.

7. Selamat berkreasi dengan keinginan anda.

Perlu di perhatikan bahwa tools ini hanyalah alat bantu untuk mempermudah anda mengedit CSS, Tools diatas bukan otomatis melakukan perubahan css yang langsung terpasang di template, untuk hasil akhir dari kode CSS yang sudah anda edit tetap harus di simpan secara manual ke dalam html template pada halaman Edit HTML blog anda.

Sedikit penjelasan:

All Styles - Memungkinkan Anda mematikan setiap gaya di website.
Browser default Styles - Setiap browser memiliki cara sendiri dalam menentukan bagaimana elemen ditampilkan, ini akan membiarkan Anda menghapus gaya tersebut.
Embedded Styles - Menghapus gaya yang dikodekan di bagian atas halaman
Inline Styles - Menghapus gaya yang dikodekan inline dengan elemen
Linked Style Sheets - Menghapus style sheet yang terhubung eksternal
Print Styles - Jika Anda memiliki sebuah style sheet terpisah (s) untuk pencetakan ini akan membersihkan mereka.
Individual Style Sheet - Memungkinkan Anda secara khusus memilih style sheet untuk menonaktifkan.

Semoga berguna dan bermanfaat...