Blogger Widgets Blogger Widgets

1

sabica
salamat datang di blog percobaan saya ini, terima kasih atas kujungan anda!

Sabtu, 04 Juni 2011

membackup template anda.
langsung saja pada tahap pengeditannya
1.
membackup template anda. dan login ke blogger
2. masuk ke tata letak (layout) >> Edit html
3. jangan lupa memberi tanda centang pada Expand Widget Template
sebelum melakukan pengeditan perhatikan kode-kode berikut:

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

header blog adalah tempat judul blog anda diletakkan


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

halaman blog adalah lebar dari blog anda


Halaman posting
#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 */
}
ini adalah tempat posting anda diletakkan

Sidebar blog
#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 */
}

sidebar ini adalah tempat anda meletakkan gedget

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

4. jika anda ingin mengubah lebar blog anda untuk menjadi kecil atau besar anda dapat mengubah pada text yang berwarna merah sesuai keinginan anda.
5. jika sudah simpan template

Tidak ada komentar:

Posting Komentar

  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin

cari

 
  • Blogroll

    Connect With Us

  • Consectetuer

    Recomended

  • terbanyak dilihat

    Instructions

  • Comments