Seorang Blogger Yang Menggunakan Blogspot Untuk Dijadikan Sarana Berbagi Informasi

Selasa, 24 Juli 2012

Cara Merubah Lebar Kolom Pada Template Blog Anda

Cara Merubah Lebar Kolom Pada Template Blog Anda
Dalam hal optimasi blog pastinya anda sebagai blogger tak luput bertanya dan mencoba hal tersebut, yaitu bagaimana Cara Merubah Lebar Kolom Pada Template Blog Anda. Baiklah, untuk mencoba hal tersebut anda harus melakukan langkah-langkah sebagai berikut :

1. Silahkan Log in atau Masuk ke akun Blogger anda dan menuju ke Dashboard.

2. Selanjutnya pilih Layout, lalu klik Edit HTML.

3. Tidak usah anda centang kolom Expand Widget Template.

4. Jangan lupa Backup template dulu dengan cara Download Full Template

5. Perhatikan sebagian kode CSS dibawah ini, dan yang anda ganti adalah angka yang berwarna merah.

6. Untuk memudahkan pencarian , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next untuk mencari kode di bawah ini :

#navbar-iframe{  body{  width:980px;
#navbar-iframe body { width: 980px; }
#header{ background:#111 ;width:960px;
#outer-wrapper{ width:940px;
Keterangan : Angka-angka diatas tidak ada yang dirubah.

#main-wrapper{
float:left; width:570px;  --> ganti 500px
#sidebar-wrapper{
float:right; width:350px;  --> ganti 410px
#midsidebar-wrapper{
width:350px;   --> ganti 410px
#lsidebar{
float:left; width:150px;  --> ganti 190px
#rsidebar{
float:right; width:150px;   --> ganti 170px
.post{
float:left; width:560px;    --> ganti 500px
.comments{
float:left; width:560px;   --> ganti 490px
#comments-block{
width:550px;      -->ganti 470px
float:left;
.sidebar .widget{
float:left; width:330px;    --> ganti 400px
.sidebar .widget{
float:left; width:330px;   --> ganti  390px
#credits {
width: 960px;   --> Tetap 960px  height: 30px;

Nah, begitulah langkah-langkah yang harus anda lakukan untuk mencoba Cara Merubah Lebar Kolom Pada Template Blog Anda, selamat mencoba.

Tidak ada komentar:

Posting Komentar