Cara Mengubah Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger

Oleh purnama

Selasa, 09 September 2014

Cara Mengubah Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger ~ Sobat Belajar seo semuanya khususnya para blogger jika kebetulan anda masih belum tahu mengedit template blog khususnya pada bagian tertentu yaitu Ukuran Header, Posting, Sidebar, Footer & Lebar pada template blog anda, anda tepat sekali jika kebetulan mampir pada blognya belajar seo ini, walaupun dibilang masih new bi tidak ada salahnya jika belajar seo ingin berbagi kepada anda semuanya mengenai cara mengetahui ukuran header,posting, sidebar , footer dan lebar blog,

ok tidak usah lama-lama silahkan anda bisa langsung membacanya dan bisa langsung mempraktekkannya pada blog sobat semua,, berikut caranya :

1. Mengetahui Ukuran / Lebar header

#header-wrapper{
background: #ffffff;
width: 900px;
height: 160px;
font-size: 12px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}

2. Mengetahui Ukuran / Lebar halaman Posting

#main-wrapper{
float:left;
width:590px;
margin:0px 0px 5px 0px;
padding:13px 10px 0px 10px;
overflow: hidden;
}

3. Mengetahui Ukuran / Lebar sidebar

#sidebar-wrapper{
float:left;
width:320px;
margin:13px 0px 5px 0px;
padding:0px;
line-height:19px;
display: inline;
}

Kode yang lain untuk ukurannya jika kebetulan kode diatas tidak anda temukan pada template blog anda,,silahkan anda mencari kode berikut :
#rsidebar-wrapper{ atau #right-sidebar-wrapper{ dll, jadi disesuaikan saja.4. Mengethui Ukuran / Lebar Footer

/* Footer
----------------------------------------------- */
#footer {
width:950px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

a. Untuk mengedit ukuran/lebar Halaman Blog
Cari kode di bawah ini:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

b. Untuk mengedit ukuran/lebar Halaman Posting
Cari kode di bawah ini:

#main-wrapper {
width: 410px;
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 */
}

c. Untuk mengedit ukuran/lebar Sidebar Blog
Cari Code di bawah ini:

#sidebar-wrapper {
width: 220px;
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 */
}

d. Untuk mengedit ukuran Header Blog,
Cari Code di bawah ini:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

e. Untuk mengedit ukuran Footer Blog
Cari Code di bawah ini:

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Jika sahabat tidak menemukan kode seperti di atas, untuk mengetahui element seperti header, posting, sidebar dan lebar blogger, cukup mencari kode yang mirip dan ditunjukkan dengan width: (LEBAR) dan height:(TINGGI)

Dengan Mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger tentunya akan memudahkan sahabat mengganti dan mengedit blog anda, Demikian yang bisa belajar seo share pada kesempatan kali ini mengenai tutorial blog yaitu Cara Mengubah Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger semoga bisa bermanfaat, terimakasih

Tag : Tutorial Blog