Hosting Gratis
Klik ini sob » Home » , , » memperkecil seidebar pada blog

memperkecil seidebar pada blog

By Ekka gates comunity | Sabtu, 29 Oktober 2011

Ayo sobat Ekka,mari saling berbagi :
ok langsunga ja ya sobat Ekka

Seri minima today bener-bener membantu Anda untuk mengubah template Anda. Mulai dari nol hingga ke tingkat lanjut. Kembali lagi membahas template minima, kali ini saya akan membahas pesanan yang banyak datang yakni cara melebarkan area postingan. Mari kita langsung saja bahas.

Keadaan standart lebar postingan (main-wrapper) minima adalah 410 px. Sedangkan lebar standart sidebar (sidebar-wrapper) adaah 220 px. Kodenya seperti berikut 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 */
  }

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

Nah, kode lebar ditunjukkan oleh width. Saya beri warna merah. Jika Anda ingin merubahnya silahkan rubah kode bagian itu. Ganti saja angkanya dengan angka yang Anda mau, pertahankan satuan pixel (px). Agar tidak terjadi error seperti jatuhnya sidebar tetap jaga jumlah lebar postingan dan lebar sidebar agar muat di outer-wrapper. (Pembahasan mengenai kaitan outer-wrapper di bahas di seri selanjutnya.).

Misal lebar standart postingan (410px) + lebar standart sidebar (220px) adalah 630px
Maka jika Anda melebarkan postingan, maka Anda harus kecilkan sidebar.
Misal lebar postingan menjadi 450px + ditambah sidebar yang dikceilkan menjadi 180px, hasilnya tetap 630px.


gimana sob,low ga mudeng kasih komentar and jangn lupa isi buku tamu ok sob


Attention
Tolong baca Sobat Ekka !

Hay sobat,gimana bacaan artikel diatas,menarik bukan.Tapi inget jangan hanya kopas ya sobb.kasih komentar juga atau isi buku tamunya biar tambah ramai,,makasih sobatthanks

GET UPDATE VIA EMAIL
Dapatkan kiriman artikel yang terbaru
Dari Kami langsung ke email anda!

0 komentar:

Posting Komentar

Hai sobat Ekka,kasih komentar kalau tidak mudeng ok . .

Silahkan berikan komentar sobat, kritikan atau saran sobat mengenai artikel di atas untuk mendapatkan backlink gratis dari Your Blog ini. Komentar yang tidak sesuai topik, SPAM, Penghinaan, dsb terpaksa akan Ekka hapus ! Tanks be 4,,.

Close
Related Posts Plugin for WordPress, Blogger...

Ariescom 07

Original design by: ekkagatez.blogspot.com - ekkagatez.blogspot.com - 2011

Move your mouse to go back to the page!
Hey sobat...jangan pergi dulu gerakin aja lagi mousenya,nah gitu dong!
 
Home | About Us | | Advertise with Us | Free Blogger Templates | Widget | Site Maps
Copyright © 2010 - 2012. Pusat-cara.blogspot.com - All rights reserved | Proudly Powered by Blogger.com
Website Design by Ariescom 07 | Sponsored by www.ekkagatez.blogspot.com