MENGUBAH UKURAN TEMPLATE BLOG KAMU

Jika sobat t'Net telah memiliki sebuah blog, pastinya kamu pingin buat blogmu menjadi blog yang memiliki penampilan yang semenarik mungkin,( ya kan?.)
Salah satu cara untuk membuat tampilan blog menarik adalah dengan menggunakan template dan ukuran yang bagus, tapi  jika  ukuran kotak postingan, sidebar, Header dan Footernya yang gak cocok sesuai keinginan kamu jadinya bakal jelek kan dan bikin kita jengkel kan jadi buat ngebenerinnya, kamu gak usah mencari-cari template lain lagi, soalnya bakal butuh waktu yang lama dan kali ini saya bakal kasih solusinya, untuk mengubah 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  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 mengubah ukuran Halaman Blog

cari kode di bawah ini:

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

Keterangan :
Untuk memudahkan mencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar halaman blog, kamu cukup merubah warna hijau sesuai dengan keinginan kamu.

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

Keterangan :
Untuk memudahkan mencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Halaman Posting, kamu cukup merubah warna hijau sesuai dengan keinginan kamu.

• Untuk mengedit ukuran Sidebar Blog

Cari Code di bawah ini:

      #sidebar-wrapper {
    width: 231px;
    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 */
    }

 Keterangan :
Untuk memudahkan mencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Halaman Posting, kamu cukup merubah warna hijau sesuai dengan keinginan kamu.

• Untuk mengedit ukuran Header Blog,

Cari Code di bawah ini:

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

  Keterangan :
Untuk memudahkan mencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Halaman Posting, kamu cukup merubah warna hijau sesuai dengan keinginan kamu.

• Untuk mengedit ukuran Footer Blog

Cari Code di bawah ini:

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

   Keterangan :
Untuk memudahkan mencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Halaman Posting, kamu cukup merubah warna hijau sesuai dengan keinginan kamu.

kemudian anda Simpan Template

~Selamat mencoba, semoga Berhasil~

Sumber: http://teoringeblog.blogspot.com

Shared in: TUTORIAL.NET