Cara Merubah Lebar Body, Main dan Sidebar Blog
Cara Merubah Lebar Body, Main dan Sidebar Blog - Senang sekali
kawan, pada kesempatan ini kita masih di beri kesehatan sehingga bang
dadan bisa membuat artikel lagi di blog ini. Ok kawan pada postingan
kali ini bang dadan akan membahas Cara Merubah Lebar Body, Main dan Sidebar Blog.
mungkin para master blog sudah pada tahu dan bisa, bahkan bisa membuat
template dengan gayanya sendiri. senang sekali ya kawan kalau kita sudah
bisa membuat template blog sendiri, ya.. minimal mendesain tampilan
blog agar lebih menarik dan supaya pengunjung betah di blog kita.
Langusng pada pembahasan ya sob ..
Cara Merubah Lebar Body, Main dan Sidebar Blog
Berikut langkahnya.
- Pertama sobat login pada akun blogger sobat
- Setelah itu langsung menuju Tata Letak dan Klik Edit HTML *untuk berjaga-jaga agar tampilan blog sobat tidak menjadi rusak, bang dadan sarankan untuk back up template terlebih dahulu.
- Jangan lupa centang Expand Template Widgate
- Selanjutnya silahkan sobat cari kode di bawah ini *gunakan ctrl+f untuk mempermudah pencarian
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#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 */
}
#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 */
}
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#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 */
}
#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 */
}
- Silahkan sobat edit dari masing - masing kode di atas. berikut penjelasannya:
#outer-wrapper --> kode untuk lebar halaman blog.
#main-wrapper --> kode untuk lebar postingan blog
#sidebar-wrapper --> kode untuk lebar sidebar blog.
#main-wrapper --> kode untuk lebar postingan blog
#sidebar-wrapper --> kode untuk lebar sidebar blog.
Nah, cukup jelas kan pembahasan yang telah bang dadan uraikan. Mungkin cukup sekian dulu postingan kali ini tentang Cara Merubah Lebar Body, Main dan Sidebar Blog. Selanjutnya bang dadan ucapkan selamat mencoba dan semoga bermanfaat. Terimakasih
Langganan:
Posting Komentar (Atom)
