logo blog
Selamat Datang Di Ngeblog-Bareng
Terima kasih atas kunjungan Anda di Ngeblog-Bareng,
semoga apa yang saya share di sini bisa bermanfaat dan memberikan motivasi pada kita semua
untuk terus berkarya dan berbuat sesuatu yang bisa berguna untuk orang banyak.

Belajar mengedit CSS tanpa masuk halaman Edit HTML

Bagaimana melakukan ujicoba mengedit CSS Template Blogger tanpa harus membuka dan menyimpan halaman Edit HTML berulang kali?
Pengaturan CSS template blogger merupakan hal utama untuk mempercantik tampilan halaman blog, namun acap kali mengedit CSS kadang melelahkan dan membosankan, terutama terlalu seringnya melakukan bongkar pasang kode, edit sana sini, belum lagi kita membuka dan menyimpan  halaman Edit HTML berulang kali,  tentu saja buang2 waktu..yang jelas kita tidak pernah puas sampai menemukan tampilan terbaik. Tuntutan utama tampilan blog tentu saja tidak lepas dari bagaimana agar blog kita bisa tampil sempurna di semua browser, Mengambil kata para WebMaster "untuk apa tampil cantik di browser Mozilla dan koloninya tapi tampil ancur ancuran di browser lainnya", jelas satu point akan berkurang dan tentu rekan gak mau hal ini terjadi kan.

Apakah kita tetap memaksakan cara classic diatas?

Ups tentu saja tidak...Pasti saya akan berusaha mencari solusi terbaik untuk pembaca setia blog ini. Cukup cuap-cuapnya OM...OK lanjut...Sebenarnya ada cara yang sangat mudah mengedit  CSS tanpa harus masuk bolak balik ke halaman Edit HTML, dimana 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. Cuma blogger? tidak hanya blogger, hampir semua dukungan pada kode CSS bisa digunakan. Perlu rekan ketahui tools ini hanya support untuk Browser Seamonkey, Firefox dan Flock (Firefox extention). Tools Web Developer juga tidak hanya untuk mengedit CSS, namum masih banyak fungsi lain yang bisa digunakan.

Bagaimana mengedit CSS dengan Web Developer?


1. Aktifkan Browser Firefox atau Flock lalu Download Web Developer
2. Kemudian lakukan installasi sesuai petunjuk, jika sudah terinstall maka akan muncul Toolbar Web Developer dengan munculnya menu icon
3. Untuk mengedit CSS tuju saja ke 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 langsung tuju ke Embedded Styles disinilah Code CSS Blogger yang siap kita acak-acak tanpa takut terjadi kesalahan.
5. Untuk mempermudah mengetahui lokasi kode CSS yang ingin di edit, rekan tinggal mengaktifkan saja fungsi Style Information caranya  klik  icon CSS -> lalu klik Style Information.
6. Jangan lupa arahkan mouse untuk mencari lokasinya, pada jendela baru akan muncul informasi dari kode CSS yang ditemukan


7. Silahkan diacak-acak kode CSS kalian sampe ancur, kalo masih ada kesalahan dan ingin mengedit kembali, tinggal tutup saja lalu buka kembali Edit CSS-nya, mudah khan :)

Sekali lagi yang perlu rekan perhatikan bahwa tools diatas hanyalah alat bantu untuk mempermudah kita mencoba mengedit CSS, Tools diatas bukan otomatis melakukan perubahan, untuk hasilnya akhir kode CSS yang sudah diedit tetap harus di simpan secara manual pada halaman Edit HTML. Maaf kalo saya tidak memberikan infomasi lengkap mengenai Cara Coding CSS Syntax pada template blogger.

Sumber: o-om.com
Enter your email address to get update from Ngeblog-Bareng.
Print PDF
Next
« Prev Post
Previous
Next Post »

26 komentar

wah mantap nich sob, info yang bagus nice post sob

Balas

# goyang pattah-pattah >
makasih bgt nih sob kunjungan nya..??

Balas

Wahh..
Mantap neh artikelnya....
Thanks gan..

Balas

Mantap infonya mas :D berkunjung balasn nh, knjung balik ya :D

Balas

wah mantapp sobat jadi lebih sedikit ngerti gimana caa edit css, makasih sob udah share

Balas

cara yang muda serta simple mengedit CSS tanpa masuk ke halama HTML yach sob,,, sngt bermanfaat sob...

Balas

# Sekolah Manajemen Perhotelan IHS >
sama-sama gan,makasih kunjungan nya gan..?
# iman@sampeweweh >
oke sob,ntr saya k sana.?
# WahidBlog >
sama sama sob.? tnk's kunjungan nya..??
# Asis Sugianto >
iya sob,selamat mencoba..?

Balas

Ngutak-atik css dulu. Trims infonya sob. :-)

Balas

# Midin >
sama-sama sob.? moga berhasil ya..??

Balas

tapi sob, nih langung masuk ke HTML blog gak sob kalau kita melakukan pengeditannya???

Balas

Lagi sekali ke sini ;D nice post mas hehe

Balas

# Asis Sugianto >
g sob,blog kita cm jd ya seperti privew nya gt dech..? jd ntr klo kita kluar dr pengeditan,blog kita akan kembali seperti semula..?? makasih nih kunjungan nya sob..??

# Sampeweweh >
makasih sob kunjungan nya..?? hehehe

Balas

mantap gan infonya, thanks sharenya

Balas

Mantap mas bro nice share :)

Balas

# Adie Konoe Poetra Dyanaz >
makasih kunjungan nya sob..?? silahkn d cb dech,semoga sukses..........

Balas

Tips inilah yang ane cari sob,makasih banyak yach,ijin menyimak.
Happy weekend and happy blogging.

Balas

wahh, trik keren nihh! biasanya kalo ngedit css ane suka pake dreamweaver! heheh

Balas

lagi belajar di sini sobat, salam kenal & ijin follow

Balas

# Raihan Mar'ie Ramadhan >
silah kan sob..? semoga sukses ya..??
# Riefz >
iya sob,saya kadang jg pke dreamweaver..? makasih kunjungan nya sob..??
# Thanjawa Arif >
salam kenal jg sob..? oke ntr saya fllow back sob..??

Balas

pas sekali ney saya lagi mw blajar CSS

Balas

# district16 >
silah kan sob..?? semoga berhasil ya sob.....???

Balas

Saya mau banget belajar CSS gan .. siiaap pak guru !!

Balas

Wah ... informasi mantap nih, ini yang aku cari, happy blogging sob, salam kenal persahabatan

Balas

saya dapat ilmu baru nih, terima kasihnya. lain kali saya kan berkunjug kembali

Balas

mantap brur

Balas

Peraturan Berkomentar :
1. Dilarang melampirkan link aktif
2. Dilarang menampilkan link nonaktif

Copyright © 2013. Ngeblog-Bareng - All Rights Reserved Template Created by Kompi Ajaib Proudly powered by Blogger