Home » » Cara melebarkan Sidebar Blogspot

Cara melebarkan Sidebar Blogspot

Diposting Oleh Bang Dayat ; Hari Kamis, 21 Juni 2012 Jam 06.24

Halo sobat dipagi hari yang cerah ini Bang Dayat pengen sharing tutorial Blogspot tentang cara melebarkan sidebar blogspot. Kenapa BD memposting ini? Karena barusan saja BD lagi otak-atik blog untuk melebarkan sidebar blog.


Bagi sobat yang ingin mencoba bagaimana caranya melebarkan sidebar berikut caranya :

1. Login dulu ke akun blogger sobat.

2. Kemudian pilih menu template.

3. Edit HTML.

4. Jangan lupa di checklist expand template widget.

5. Kemudian cari script seperti ini :

/* Outer-Wrapper
—————————————— */
#outer-wrapper {
width: 840px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
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: right;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 */  

6. Ubah angka yang berwarna merah sesuai kebutuhan sobat.

7. Cara mengubahnya sebagai berikut :

Lebar main-wrapper 410px sedangkan lebar sidebar-wrapper 220px,
jika yang ingin di lebarkan sidebar-wrapper maka lebar main-wrapper di kurangi contoh,

sidebar wrapper  250px ( ditambah 30px ) , main wrapper di kurangi 30px , jadi nilai main wrapper = 380px, begitu juga sebaliknya,
tapi jika ingin  melebarkan main wraper  sedangkan sidebar-wrapper tetap maka kamu harus lebarkan
outer-wrapper,misalnya main-wrapper 410px+10px jadi 420px maka outer-wrapper 840px+10px jadi
850px,begitu juga sebaliknya bila yang ingin di lebarkan sidebar-wrapper tinggal tambahkan saja outer-wrapper.

8. Kalau sudah mantap jangan lupa disimpan.

Cara melebarkan sidebar berdasarkan rujukan dari http://ozura-sidebar180.blogspot.com/.
Berbagi dengan artikel ini :
Ditulis oleh : Bang Dayat
Description: Cara melebarkan Sidebar Blogspot , Rating: 5
Reviewer: Bang Dayat, ItemReviewed: Cara melebarkan Sidebar Blogspot

Artikel terkait tentang

Berlangganan Artikel BD
Masukkan Email Anda:

 
Support : Bang Dayat
Copyright © 2012-2017. Bang Dayat Blog's - All Rights Reserved

Proudly powered by Blogger