Mengetahui ukuran sebuah bagian dalam blog

Mengetahui ukuran sebuah bagian dalam blog merupakan salah satu teknik dasar untuk mengedit template, bagian - bagian yang dapat diukur ukurannya adalah:
  1. Header
  2. Post
  3. Sidebar
  4. Footer
  5. dll (Tergantung template yang digunakan)
Lebih jelasnya baca post Bagian bagian dalam sebuah blog
Note : Kode berwarna merah yang harus dicari
-Mengetahui ukuran header
Berikut langkah-langkahnya:

-Masuk dasbor terlebih dahulu
-Pilih rancangan -> edit html
-Cari skrip berikut dengan ctrl+f:

#header-wrapper {
background:#fff;
width:880px;
margin:0 auto 10px;
}
width:880px; adalah ukuran header blog ini berukuran 880px, jika bebeda maka itulah ukuran header blog anda
-Mengetahui ukuran post
Berikut langkah-langkahnya:

-Masuk dasbor terlebih dahulu
-Pilih rancangan -> edit html
-Cari skrip berikut dengan ctrl+f:

#main-wrapper {
margin-top: 20px;
background: #fff;
width: 520px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
width:520px; adalah ukuran post blog ini berukuran 520px, jika bebeda maka itulah ukuran post blog anda
-Mengetahui ukuran sidebar
Berikut langkah-langkahnya:

-Masuk dasbor terlebih dahulu
-Pilih rancangan -> edit html
-Cari skrip berikut dengan ctrl+f:


#sidebar-wrapper {
width: 350px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

width: 350px; adalah ukuran sidebar blog ini, jika bebeda maka itulah ukuran sidebar blog anda
-Mengetahui ukuran footer
Berikut langkah-langkahnya:

-Masuk dasbor terlebih dahulu
-Pilih rancangan -> edit html
-Cari skrip berikut dengan ctrl+f:
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
width:660px; adalah ukuran footer blog ini, jika bebeda maka itulah ukuran footer blog anda
Sekian dulu tutorial dari saya, Salam blogger!

4 komentar:

Beben Koben mengatakan...

rajin rajin euy...
semangat!!!

icha mengatakan...

makasih infonya mas..sangat berguna bagi sy yg newbie..

xixeze.blogspot.com mengatakan...

nice post

http://xixeze.blogspot.com

farid mengatakan...

sidebar dirubah angkanya ko tetap saja

Posting Komentar

 

Copyright 2010 Kumpul tutorial | Theme designed by Template D Rian