Cara Merubah Lebar Body, Main dan Sidebar Blog



Asslamu'alaikum Wr. Wb
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
Berikut Kodenya :


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

  • 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.

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
Labels: blogger tutorial, template hack

Thanks for reading Cara Merubah Lebar Body, Main dan Sidebar Blog. Please share...!

0 Komentar untuk "Cara Merubah Lebar Body, Main dan Sidebar Blog"

Back To Top