Merubah Ukuran Halaman Blog

Setiap pemilik blog sangat menginginkan blognya tampil cantik dan nyentrik. Berbagai cara dilakukan untuk mencapai tujuan itu, mulai dari Edit Html, Modifikasi CSS, Menambahkan JQuery, Menambah Java Script dan lainnya. Salah satunya yaitu merubah ukuran Blog sesuai dengan keinginan, membuat blog menjadi semakin efisien dan menarik. Tutorial ini berisi tentang bagaimana cara untuk merubah ukuran Halaman Blog, Halaman postingan, side bar, Header dan Footer Blog agar bisa di tampilkan sesuai keinginan kita cukup dengan mengedit Code HTML Blog mu.

Untuk itu ikuti langkah-langkah berikut ini :
  1. Login ke Blog Kamu
  2. Klik tata Letak
  3. Klik Edit HTML
  4. Disarankan sebelum mengedit Kode Html kamu,silahkan kamu membackup Code HTML kamu, demi keamanan, jika terjadi sesuatu yang tidak di inginkan.

Untuk mengedit ukuran Halaman Blog
Cari kode di bawah ini:

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

Untuk mengedit ukuran Halaman Posting
Cari kode di bawah 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 */
}

Untuk mengedit ukuran Sidebar Blog
Cari Code di bawah ini:

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

Untuk mengedit ukuran Header Blog,
Cari Code di bawah ini:

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

Untuk mengedit ukuran Footer Blog
Cari Code di bawah ini:

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


Catatan : 
  • Untuk memudahkan mencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
  • Untuk untuk merubah ukuran lebar halaman blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.
  • Jika lebar salah satu dari kelima elemen yang telah di sebut di atas (Halaman Blog, Halaman Posting, Side Bar Blog, Header Blog, dan Footer Blog) diubah, maka akan mempengaruhi Keserasian elemen yang lain. Oleh karena itu, jika Anda ingin merubah lebar salah satu elemen, maka anda juga harus menyesuaikan dengan lebar elemen yang lain.

Rodiyah Nur Hayati

I'm Eko Rio Wibowo as Photographer, Traveler, Sleeper.Enjoy!
"Here I just want to work, not racing to create works that are forced. So I'll let the cameras, feeling, and my desire to play."

Related Posts:

No comments:

Post a Comment