Mengubah Ukuran Template Blog

Mengubah Ukuran Template Blog
Jika kamu telah memiliki sebuah blog, pastinya kamu pingin buat blogmu menjadi blog yang memiliki penampilan yang semenarik mungkin kan?. salah satu cara untuk membuat tampilan blog menarik adalah dengan menggunakan template yang bagus, tapi ada lagi nih masalahnya, jika aja kamu udah cari muter-muter sampek berkunjung dari satu website ke website yang lain, dan akhirnya dapet template yang cocok, tapi 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 di sini 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 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;
}

Keterangan :
Untuk memudahkanmencari 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.

  • 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 memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Halaman Posting, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

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


Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Side Bar Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

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

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

Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Header Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

  • 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;
}

Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Footer Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

Catatan:
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, karena jika antara satu elemen yang satu dengan yang lain tidak serasi, maka tampilan blog anda akan menjadi kacau, anda tidak mau kan. Kalau tujuan anda yang mulanya ingin mempercantik blog anda justru ujung-ujungnya malah merusak blog anda sendiri maka dari itu. Hati-hati,,,

~Selamat mencoba, semoga Berhasil~

Sumber: http://teoringeblog.blogspot.com
Share By: ForAntum


9 komentar:

  1. makasih tutorialnya wah bener mas aku pernah dapat template gratisan aku suka tapi kebesaran ukuranya ,aku bingung diapakan ini,tapi pernah juga aku liat blogku berubah tatananya ketika aku log in di warnet ,komputer lain kenapa ya

    BalasHapus
  2. sip infonya, makasis ya, ayo main ke blog saya, hehe

    BalasHapus
  3. Tq mas atas infonya. Bener2 membantu bgt buat saya
    Kunjungan balik y mas

    BalasHapus
  4. Mas.. kalo yang bermasalah lebar Blognya gmana ?

    BalasHapus
  5. thx ya infonya......akhirnya bisa gedein lebar badan blog :)

    BalasHapus
  6. thank sob,lengkap dan jelas panduannya

    BalasHapus
  7. masbro kalo #outer-wrapper { punya blog saya ga ada...
    gimana nih ada solusi laen ga..?

    BalasHapus
  8. Makasih tipsnya sob
    soanya aku kesulitan merubah ukuran blog ku

    BalasHapus

Mau tukeran link? silakan buka Link Sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...

Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.

Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.