Sudah bosan dengan tampilan blog yang lama, akhirnya pagi ini saya mengubah beberapa tata letak widget di blog coffee break. Bagi yang tidak terlalu familiar dengan kode html, kini ada satu cara yang sangat memudahkan kita sebagai pengantar untuk mengedit kode html dengan menggunakan firebug.
Source Picture
Awalnya, ketika saya ingin mengubah tampilan blog, butuh berjam-jam lamanya hanya berkutat, memototi, dan mencoba memahami seluruh kode html hingga apa efeknya bagi tampilan blog. Sungguh sangat melelahkan. Sebagai contoh, ketika saya ingin mengubah tampilan blog saya yang disini, saya membutuhkan waktu yang tidak sedikit untuk memahaminya. Eh tapi ingat yah kawan!, saya tidak sedang mengatakan kita langsung dengan mudah bisa mengubah tampilan blog lewat firebug. Firebug disini sifatnya hanyalah membantu saja. Istilah kerennya : percepatan :). Jadi setidaknya dengan firebug, kita tidak harus memelototi bagian kode yang mana yang mempengaruhi bagian sidebar, mana bagian lebar bagian postingan, dan lain lain. Jauh lebih efektif dan efisien.
Oke langsung saja kita praktekan penggunaan firebug.
1. Pertama kita harus download firebug disini : download firebug.
2. Kemudian pilih source firebug yang sesuai dengan jenis browser kita. Sebagai contoh, saya menggunakan firefox.
3. Install firebug ke dalam firefox, tinggal di klik : Add to firefox saja.
4. Jika sudah terinstall dengan baik, maka pada bagian kanan browser kita, akan muncul ikon serangga seperti ini :
5. Kemudian kita klik bagian serangga-nya, maka langsung deh akan keluar tampilan seperti ini :
6. Dari poin 5 diatas, maka ketika kita mengarahkan cursor kita ke template blog, maka pada bagian bawah akan menunjukkan kode html mana yang mempengaruhinya. Nah... mudah kan.. tak perlu kita memelototi kode html baris per baris :).
Oke deh selamat mencoba, semoga berhasil :).
Source Picture
Awalnya, ketika saya ingin mengubah tampilan blog, butuh berjam-jam lamanya hanya berkutat, memototi, dan mencoba memahami seluruh kode html hingga apa efeknya bagi tampilan blog. Sungguh sangat melelahkan. Sebagai contoh, ketika saya ingin mengubah tampilan blog saya yang disini, saya membutuhkan waktu yang tidak sedikit untuk memahaminya. Eh tapi ingat yah kawan!, saya tidak sedang mengatakan kita langsung dengan mudah bisa mengubah tampilan blog lewat firebug. Firebug disini sifatnya hanyalah membantu saja. Istilah kerennya : percepatan :). Jadi setidaknya dengan firebug, kita tidak harus memelototi bagian kode yang mana yang mempengaruhi bagian sidebar, mana bagian lebar bagian postingan, dan lain lain. Jauh lebih efektif dan efisien.
Oke langsung saja kita praktekan penggunaan firebug.
1. Pertama kita harus download firebug disini : download firebug.
2. Kemudian pilih source firebug yang sesuai dengan jenis browser kita. Sebagai contoh, saya menggunakan firefox.
3. Install firebug ke dalam firefox, tinggal di klik : Add to firefox saja.
4. Jika sudah terinstall dengan baik, maka pada bagian kanan browser kita, akan muncul ikon serangga seperti ini :
5. Kemudian kita klik bagian serangga-nya, maka langsung deh akan keluar tampilan seperti ini :
6. Dari poin 5 diatas, maka ketika kita mengarahkan cursor kita ke template blog, maka pada bagian bawah akan menunjukkan kode html mana yang mempengaruhinya. Nah... mudah kan.. tak perlu kita memelototi kode html baris per baris :).
Oke deh selamat mencoba, semoga berhasil :).
Hmm.. menarik menarik. lebih user friendly, btw dulu sebelum didesain klo ada tulisan baru dari blog siapa bakal dimunculin. tapi sekarang kok hanya tertulis "SAHABAT TER-UPDATE".. Jadi agak less informative nih
BalasHapushe he... iya sekarang agak dibuat lebih lee informative. Biar supaya teman2 lebih rajin update blognya. Biar bertengger di puncak klasemen. he he...
HapusSeperti sekarang ini neh.. punya iput bertengger di posisi 1. :)
aku mah gaptek Fin, soal otak atik blog, dulu aps pakai blogspot pernah coba tak otak atik , malah hilang semua ^_^
BalasHapusboleh juga y ainfo ttg firebugnya
ha ha... ini saya hanya nyoba-nyoba saja mbak. Tapi emang dasarnya saya suka otak-atik blog. Cuma kadang ndak ada waktu untuk itu. Kalau udah oprek blog, wew... bisa berjam jam lamanya. So... pilih waktu akhir pekan aja biasanya.
Hapuspingin nyoba ki mas :-)
BalasHapusyup.. silahkan. Edit html menjadi lebih mudah dan lebih cepat.
Hapuswah keren. sayangnya saya nggak begitu ngerti ngoprek2 html. saya biasanya cuma nyimpen kode2 dalam notepad, jadi tinggal pake pas dibutuhkan. :P
BalasHapushe he... template mah istilahnya cuma platform aja. Yang lebih penting tentu bagaimana isi blognya. Salam blogging mas!!.
Hapussalam kenal juga.
ho....saya tidak paham dengan segala per-html-an
BalasHapusitulah kenapa saya suka pke wordpress yang gratisan, biar gak repot urus html :))
yup .. untuk wordpress memang sudah disedikan jadi dan bisa diambil gratis oleh penggunanya.
Hapusmasalah selera sih, klo saya lebih nyaman di blogspot, karena sejak awal bikin blog sudah di blogspot. Agak susah pindah ke lain hati.
mantaf... terus berkarya... blognya keren...
BalasHapuswah... terima kasih ya mas/mbak anonymous. Salam perblogingan. Dan tetap semangat.
Hapussip dah, ditunggu kunjungan baliknya
BalasHapus