Salam Kelikers....
Resiko jadi bloger pemula adalah "PENING".....ya itulah yang sering dihadapkan pada kode HTML, untuk kalangan awam membaca kode HTML sangatlah sulit. Eits jangan khwatir ya sobat neh aku ada sekelumit Tips untuk mengutak atik dan mengenali Ukuran Blog kalian....Coba aja pasti kalian bakal ngucapin....."ooooo gini to"
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;
}
Update : Banyak sekali kode sidebar yang bisa dipakai misal
#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;
}
Kalo kesulitan cari bisa di search aja "CTRL+F" copy kata yang mw di cari trus paste disitu.
Tapi hati-hati ya kudu teliti salah-salah bisa bagian lain yang diedit....
SELAMAT MENCOBA
0 komentar:
Posting Komentar
SILAKAN TINGGALKAN KOMENTAR KALIAN
TERIMAKASIH