MoDiFiKaSi PosT & SiDeBaR

Karena ukuran theme defaut ini lumayan kecil(ramping), bagaimana jika kita merubah ukurannya agar sesuai dengan keiginan. ok, langsung ke intinya ya.
mmm. . , biasanya dalam ngedit theme mulainya dari atas(header) tapi karena ada alasan yang ngga bisa saya sebutkan, yaudah edit themenya dimulai dari badan(post dan sidebar), berikut
/* sekedar saran, sebaiknya sobat install wordpress di komputer pribadi, download server local sedangkan untuk code editor download/gunakan notepad ++ 100% free)*/

Cara Modifikasi Badan Post Dan Sidebar

• Masuk ke directory themes default . . . wp-content/themes/default, atau melalaui
• Appearance -> editor
• Select theme to edit wordpress default
• Klik/edit style.css
• Kemudian tambahkan style berikut;

/*Start ditambahkan*/
#pageeditan{
text-align: left; /*text align left atau text rata kiri*/
clear:both;
background:#CFECEC; /*warna latar belakang, dapat diganti denan warna lain*/
margin: 20px auto; /* batas atau jarak luar atas bawah 20px kiri-kanan auto atau menyesuaikan*/
padding: 10px; /* batas atau jarak dalam masing-masing 20px*/
width: 1000px; /*lebarnya 1000px*/
border: 1px solid #82CAFF; /*lebar garis pinggir 1px, style border 1px, warna garis merah*/
-moz-border-radius:20px; /*style ini hanya untuk fire fox*/
border-radius:20px;/*ini style pada css3*/
}
/*end ditambahkan*/

• Kemudian cari style berikut

/* Begin Sidebar */
#sidebar
{padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;}

• Setelah itu ubah menjadi seperti berikut

/* Begin Sidebar */
#sidebar{
float:right;/*letaknya di kiri atau istilahnya adalah menekan ke kiri*/
background:#E0FFFF; /*warna latar belakang sidebar */
padding: 10px; /*jarak dalam sidebar, 10px */
margin: 10px 0 0 10px; /*jarak luar kiri-atas 10px kanan-bawah 0*/
width: 300px; /*lebar sidebar, sesuaikan lebarnya*/
border:1px solid #9AFEFF; /*ukuran garis 1px, style garis solid, warna garis #9AFEFF, penulisan value border ini dipisahkan dengan spasi*/
}

• Cari lagi

.Narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;}

• Kemudian ubah menjadi seperti berikut

.Narrowcolumn{
float: left;
padding: 20px;/*ini adalah jarak dalam*/
background:#E0FFFF; /*warna latar belakang */
margin: 10px 0;/*ini adalah jarak luar, nilainya atas dan bawah 10px sedangkan kiri kanan 0px*/
width: 600px; /*lebar badan post, sesuaikan*/
border:1px solid #9AFEFF; /*ukuran garis 1px, style garis solid, warna garis #9AFEFF, value borde ini dipisahkan dengan spasi*/
}

• Update file

Langkah selanjutnaya ialah klik/edit(buka) header.php

• Cari ini

<div id="page">

• Kemudian ubah menjadi seperti berikut

<div id="pageeditan">

• Update file

Buka(klik) lagi rtl.css

• Cari ini

.Narrowcolumn {
float:right;
padding: 0 45px 20px 0;
}

• Setelah ketemu, kemudian ubah menjadi seperti ini

/*.Narrowcolumn {
float:right;
padding: 0 45px 20px 0;
}*/

• Cari lagi ini(masih di rtl.css)

#Sidebar {
margin-left: 0;
margin-right: 545px;}

• Setelah ketemu, kemudian ubah menjadi seperti ini

/*#Sidebar {
margin-left: 0;
margin-right: 545px;}*/

• Perlu di ingat jangan sampai ada yang salah
• Update file

Sekarang, buka lagi style.css kemudian cari width:600px; /*lebar badan post */ dan width: 300px; /*lebar sidebar*/ dan sesuaikan lebarnya, simpan/update file kemudian lihat blog

• 
• 
• 
• 
• 
• 
•