Cara Merubah Ukuran Halaman Postingan Blog - Kadang kala Template yang kita unduh tidak tepat atau tidak sesuai dengan tata letak postingan kita sehinggan postingan kita seperti memanjang ke samping dan menjadi tidak terlihat di bagian tertentu.
Kali ini saya akan mencoba membantu tanpa ada maksud untuk menggurui para master Blogger .
- Masuk ke Blog anda, pada menu Dashbord silahkan pilih Rancangan dan kemudian menuju ke Edit HTML.
Jangan lupa untuk untuk membackup tempalate anda untuk menghindari kesalahan pemasangan kode CSS ataupun Java Script yaitu dengan cara klik Download Template Lengkap kemudian simpan tempalate anda.
- Kemudian beri tanda Centang di Expand Template Widget, cari kode di bawah ini dengan menggunakan CTRL + F :
#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 */
}
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 merubah ukurannya silahkan anda rubah angka berwarna merah pada width
jika sudah sudah silahkan simpan template anda dan lihat hasilnya, anda juga bisa memlih Pratinjau terlebih dahulu sebelum anda simpan template blog.
Bukan hanya ukuran halaman postingan yg bisa anda rubah ukurannya tapi juga halaman sidebar, halaman penuh blog, header blog dan footer blog bisa anda sesuaikan ukurannya sesuai dengan keinginan anda.
Kode untuk Halaman penuh Blog :
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Kode untuk Sidebar Blog :
#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 */
}
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 */
}
Kode untuk Header Blog :
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Kode Untuk Footer Blog :
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Caranya sama seperti merubah Ukuran halaman postingan, anda tinggal merubah angka berwarna merah pada width.
Semoga Bermanfaat.
Comments
Post a Comment
Silahakan berkomentar yang baik dan sopan karena blog ini adalah Blog Dofollow. "Anda Sopan Kami Segan"
Komentar Tidak akan di Tampilkan dan Akan dihapus jika :
» Menyisipkan Link dalam komentar / Meyertakan Nama Blog dalam Komentar. (jangan Menulis Blog anda dalam komentar, karna itu adalah SPAM) tidak akan di tampilkan dan akan di hapus
» Menggunakan bahasa yang tidak sopan (Sara,Kasar,Pornografi,Caci Maki (yg Bukan dari Mulut Manusia) Menyinggung.dll)
» Duplikat komentar(komen yang sama)
» Pertanyaan/komentar tidak berkaitan dengan artikel