Apa yang selama ini Anda lakukan ketika Anda tertarik pada desain suatu blog yang Anda kunjungi? Anda menirunya secara manual dengan gambaran imajinasi visual saja? Atau Anda mengambil css dengan ambil Kode Sumber Halaman? (Klik Kanan lalu pilih View Page Source). Yang lebih mudah lagi mungkin Anda gunakan software pembantu semacam stylizer yang dengan mudah memilah-milah bagian template dan memungkinkan Anda mengeditnya dengan preview langsung. (Baca: Stylizer, Edit CSS Mudah dengan Preview Real Time). Yang terakhir dulu sering saya manfaatkan untuk bedah widget-widget default blogger, namun belakangan saya merasa itu tak jauh lebih baik ketimbang fitur baru blogger, Blogger Template Designer (Baca: Blogger Temp;ate Designer - Fitur Baru Blogger Lagi).
Sebenarnya ada alternatif lain yang bisa Anda gunakan, sebuah pengaya dari Firefox yang sangat fleksibel. Bahkan Anda bisa belajar css dan Html dengan pengaya ini. Kita bisa sorot bagian-bagian kecil template dan otomatis akan muncul informasi CSS dan juga HTML nya. Fungsi lain yang tak kalah menarik, Anda juga dapatkan fasilitas seperti di stylizer dan blogger template designer yakni preview real time saat Anda edit code.
Untuk contoh penggunaan, misal saya lakukan pada facebook.com. Setelah Anda instal pengaya ini, maka Anda bisa memanggilnya dengan cara klik logo firebug di bagian kanan-bawah browser. Atau lewat menu, dengan pilih Tools - Firebug - Open Firebug. Alatnya akan muncul di bagian bawah tampilan blog yang Anda buka.
Kembali lagi kita buka facebook, mari kita bedah habis. Untuk fungsi-fungsi lain yang sangat banyak silahkan Anda nanti coba sendiri. Kita lakukan hal dasar namun memberi perubahan besar.
Penggunaan Untuk Edit Bagian Tertentu
Tentukan bagian yang ingin Anda rubah warnanya. Gunakan tools Inspect. Letaknya di bagian kiri-atas tool firebug.
Klik bagian template yang Anda inginkan. Widget atau bagian yang Anda seleksi akan dikelilingi border biru tua. Cara lain yang lebih mudah adalah arahkan mouse Anda ke bagian template yang Anda inginkan, klik tombol kanan mouse lalu pilih Inspect Elemen.
Firebug akan langsung menampilkan bagian htlm dan css bagian yang Anda pilih.
Nah, sekarang Anda bisa mulai edit bagian yang Anda inginkan. Klik saja kode yang ingin Anda rubah. Misalnya warna.
Bagi Anda yang sudah tidak sabar untuk menggunakannya silahkan dapatkan pengaya ini dengan kunjungi https://addons.mozilla.org/id/firefox/addon/1843. Silahkan mencoba menggunakan firebug, semoga Anda bisa lebih mahir dengan kode-kode css atau html. Semoga artikel ini bermanfaat.
Sebenarnya ada alternatif lain yang bisa Anda gunakan, sebuah pengaya dari Firefox yang sangat fleksibel. Bahkan Anda bisa belajar css dan Html dengan pengaya ini. Kita bisa sorot bagian-bagian kecil template dan otomatis akan muncul informasi CSS dan juga HTML nya. Fungsi lain yang tak kalah menarik, Anda juga dapatkan fasilitas seperti di stylizer dan blogger template designer yakni preview real time saat Anda edit code.
Untuk contoh penggunaan, misal saya lakukan pada facebook.com. Setelah Anda instal pengaya ini, maka Anda bisa memanggilnya dengan cara klik logo firebug di bagian kanan-bawah browser. Atau lewat menu, dengan pilih Tools - Firebug - Open Firebug. Alatnya akan muncul di bagian bawah tampilan blog yang Anda buka.
Kembali lagi kita buka facebook, mari kita bedah habis. Untuk fungsi-fungsi lain yang sangat banyak silahkan Anda nanti coba sendiri. Kita lakukan hal dasar namun memberi perubahan besar.
Penggunaan Untuk Edit Bagian Tertentu
Tentukan bagian yang ingin Anda rubah warnanya. Gunakan tools Inspect. Letaknya di bagian kiri-atas tool firebug.
Klik bagian template yang Anda inginkan. Widget atau bagian yang Anda seleksi akan dikelilingi border biru tua. Cara lain yang lebih mudah adalah arahkan mouse Anda ke bagian template yang Anda inginkan, klik tombol kanan mouse lalu pilih Inspect Elemen.
Masukkan saja kode warna penggantinya. (Lihat: Kode Warna HTML Lengkap) Misal Anda ubah hijau menjadi seperti ini
Ini lah hasil editan facebook versi jawa:
(Kalau mau jelas di klik saja gambarnya, atau lengkap bagian-bagian facebook jowo ini lihat di Facebook Versi Jowo by Mas Doyok)
Bagi Anda yang sudah tidak sabar untuk menggunakannya silahkan dapatkan pengaya ini dengan kunjungi https://addons.mozilla.org/id/firefox/addon/1843. Silahkan mencoba menggunakan firebug, semoga Anda bisa lebih mahir dengan kode-kode css atau html. Semoga artikel ini bermanfaat.
Artikel Terkait:
Download
- Install dan Aktivasi TuneUp Utilities 2012 Agar Jadi Full Version
- Download serial number IDM terbaru
- Download tunup utilities 2012 sekarang!
- Download Jadwal Puasa 2011 Untuk Jakarta Dan Kota Lainnya
- Etype
- Kumpulan Firmware China Phone 2011 Komplit
- Cara menghapus Antivirus XP 2010
- Download Windows 8 Sistem Operasi Terbaru
- Download Windows 8 Portable Dan Cara Instalasinya
- Download Wiley The Web Aplication HACKER's e-Book
- E-book Belajar Cara Menghipnotis Seseorang (Ilmu Hipnotis.Pdf)
- Contoh Karya Tulis Ilmiah Tentang Internet
- Tips Mempercepat Mozzila Firefox
- Software Penerjemah Al-Quran
- Download Yahoo Messenger (YM)
- Download WinRar
- Download Flash Player
- Download PhotoScape 3,5
- Download 4shared_Desktop_3.3. 4.exe
- Pernahkah Anda Berpikir Tentang Teletubbies ?
- Download VCD9Upd9302EG.exe
- Download SweetImSetup.exe
- Download speedupmypc.exe
- WH, 1HIT, NO RESPAWN MASANG 0 DETIK, WS [Windows 7]
- Download aplikasi Super Fast Shutdown
Hacker
- Menghapus File Yang Sulit Di Hapus
- SOFTWARE / APLIKASI AUTO SHUTDOWN | SHUTDOWN OTOMATIS
- CARA ATUR WINDOWS AGAR PC/LAPTOP SHUTDOWN OTOMATIS (SHUTDOWN TIMER) TANPA APLIKASI TAMBAHAN
- Cara Cepat Unfollow Orang yang Tidak Follow Back
- Cara mencari IP address dari sebuah domain menggunakan command prompt
- Cara mendapat banyak LIKE pada status Facebook
- 7 Cara Membuka Situs yang Diblokir Telkom
- Cara Membobol ATM Dengan Modal Flashdisk "By Barnaby Jack"
- Cara menghapus Antivirus XP 2010
- Cara Uninstall Fake Antivirus Windows XP 2011 (Antivirus Palsu Pada Windows XP)
- Request Software Gratis Full Version
- Mengembalikan Task Manager dan Registry Editor Yang di Disable
- 3 Cara Alternatif Yang Jitu Untuk Dapat Membuka Situs Yang Telah Di Block
- Cara Membuka Situs Porno Yang Di Blokir Nawala Project
- Proxy yg benar-benar ampuh !!!
- Cara Membuka SItus Porno Yang Diblokir Nawala
- Download Wiley The Web Aplication HACKER's e-Book
- CEK Virus tanpa Antivirus !!!
- Bajak isi Flashdisk dengan Rampok v2.0
- WH, 1HIT, NO RESPAWN MASANG 0 DETIK, WS [Windows 7]
- Mengganti Background Google
- Trik Hilangkan Waktu Tunggu 4Shared
- Jadikan KEYBOARD mu Lampu Disco
- 5 Langkah Bersihkan Account Facebook
- Tutorial Backup dan Restore Windows Menggunakan Norton Ghost 15
Tidak ada komentar:
Posting Komentar