Belajar Mengetahui Ukuran Halaman Blog

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.

Belajar Mengetahui Ukuran Halaman 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.

1. Login ke blogger atau klik disini»
2. Pilih Template » Edit Html » Lanjutkan.
3. Jangan lupa centang Expand Template Widget.
4. Cari code yang berwarna merah code di bawah ini.

 
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:

Tekan tombol Ctrl+F pada keyboard untuk mempermudah proses pencarian kode HTML.

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. 


Semoga tutorial kali ini bermanfat. Happy Blogging :)

1 komentar:

  1. Tapi itu untuk blog yang pakai tampilan default atau yang memang pakai satu deskripsi ya?
    Semisal pakai deskripsi lain nggak pakai kah?

    http://indonesiaantri.blogspot.com/

    BalasHapus
Catatan:
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini!OOT

 
Design by Juned al~Bughisy Copyright © 2012 ~ 2013 Powered by Blogger
Back to Top