Friday, November 4, 2011

Inilah Cara Termudah Mengenal Ukuran Panjang dan Lebar Template Blog Kita

Apa yang harus kita lakukan pertama kali untuk mengetahui ukuran panjang dan lebar blog kita?
Bagi blogger pemula, mengetahui ukuran panjang dan lebar template blog merupakan hal yang cukup membingungkan. Hal ini karena kita sebagai blogger pemula merasa awam dengan begitu banyaknya kode HTML yang termuat dalam template blog.


Kalau kenyataannya sudah begini, apa akibat masalah yang kita hadapi karena edit HTML yang sulit?
Waktu akan terbuang percuma hanya untuk mencari kode HTML yang menunjukan ukuran bagian template yang tidak juga ditemukan. Selain itu, jika kode HTML ini lama tidak ditemukan juga akan membuat kita merasa kesal dan bosan bukan?

Nah, untuk mari kita perhatikan bersama bagaimana cara untuk mengetahui ukuran template blog milik kita.

Pertama, masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari kode HTML berikut ini.
(hanya contoh, cari kode HTML yang dicetak tebal)

Mengetahui ukuran lebar keseluruhan template.

#outer-wrapper {
margin:20px auto;
padding:0 10px;
text-align:justify;
width:900px;
}

Mengetahui ukuran header.

#header-wrapper {
height:119px;
width:900px;
}

Mengetahui ukuran sidebar.

#sidebar-wrapper {
float:right;
overflow:hidden;
padding-left:8px;
margin-right:13px;
width:362px;
word-wrap:break-word;
}

Mengetahui ukuran main kolom.

#main-wrapper {
float:left;
margin-right:10px;
overflow:hidden;
width:507px;
word-wrap:break-word;
}

Keterangan:

  1. Tekan tombol Ctrl+F pada keyboard untuk mempermudah proses pencarian kode HTML.
  2. Width merupakan ukuran lebar, sedangkan height merupakan ukuran tinggi.


Setelah mengetahui kode HTML dan fungsinya, maka proses editing ukuran template blog kita menjadi lebih mudah. Hemat waktu dan tidak membuat jenuh. Akan tetapi, selalu ingat jika kita perlu untuk download template blog kita terlebih dahulu sebelum memulai proses editing sebagai backup jika nanti terjadi kegagalan.
Disqus Comments