Melihat Blogger XML Coding dan Mengedit CSS



Blogger XML file template tidak dapat dilihat langsung di browser yang dapat membuat lebih sulit untuk styling. Namun, ada cara untuk melihat efek dari mengubah template Anda sebelum menyimpan template di Blogger:

Firefox dan lainnya Gecko ekstensi browser berbasis:
The View Source Dengan ekstensi Firefox 

Membuka html yang dihasilkan dari halaman baik dalam penampil default atau program yang Anda tentukan - misalnya Dreamweaver, NVU (yang terakhir adalah sumber membuka halaman Web yang menyeluruh program pengedit).



Web Developer for Firefox toolbarSeleksi Lihat Sumber di Firefox - menyorot area yang ingin Anda melihat dan klik kanan pada 'Lihat Seleksi Source'. Ini bagus untuk memeriksa tata letak dan pekerjaan pengeditan cepat.

The Web Developer Toolbar browser ekstensi untuk Firefox, Flock, Mozilla dan Seamonkey memiliki banyak fitur yang berguna begitu - saya menggunakannya banyak dalam desain pekerjaan web saya.

Untuk Blogger Beta khususnya fitur berikut ini berguna. Load blog Anda ke dalam browser Anda, dan dari Web Developer Toolbar Anda dapat:

  • Edit HTML dan Edit CSS-kedua fitur membuka jendela kecil di bawah layar Anda untuk Anda untuk mengedit kode saat melihat hasil di jendela atas. Anda bisa misalnya mengubah tata letak template anda, tambahkan divisi, dan mengubah warna font dan latar belakang, menambahkan foto dan melihat apa yang tampak seperti. Anda juga dapat menyimpan hasil coding ke hard disk Anda. Bila Anda puas dengan hasil yang Anda kemudian dapat membuat perubahan ke template Anda di dalam Blogger.
  • Lihat dihasilkan Sumber - membuka kode sumber halaman html (bukan kode xml) di jendela baru / tab. Hal ini dapat disalin dan disisipkan ke dalam program editor html untuk Anda untuk men-tweak dan gaya sampai Anda yakin tentang perubahan yang Anda ingin membuat.
  • Penguasa - Sebuah utilitas besar untuk mengukur item pada halaman Anda. bekerja misalnya keluar jumlah padding untuk menempatkan ke kiri widget yang menuntut ditinggalkan sejajar.
  • Images
    • Gambar Informasi - menampilkan semua foto dan detil gambar pada halaman terpisah / tab.
    • Garis gambar dengan atribut alt kosong
    • Tampilan Image File: Ukuran dan dimensi gambar
  • Lainnya Halaman informasi
    • Lihat Informasi Warna
    • Tampilan Elemen Informasi - fitur bagus yang memungkinkan Anda untuk menyorot bagian halaman dan menemukan berbagai informasi seperti ID, kelas dan pewarisan CSS, warna.
  • Utilitas Lain
    • Kaca pembesar
    • Menampilkan halaman pada berbagai ukuran jendela - misalnya 800x600, 1024x768 dll
Untuk mendapatkan Tolbar silahkan klik link View Source Semoga Bermanfaat..!!

Lo Masih 0 komentar, dikomentari donk.!

Tinggalkan Komentar. Kalau tidak mau komentar ya, tinggalin duwit ya..hihihi