Modifikasi Blog Sederhana

Salah satu blogger kenalan saya yang cukup aktif adalah blognya Mbak Mulyati di Solo. Yaitu Mulyati's Blog. Isinya??Macam-macam.....silahkan anda cek sendiri di blog beliau. Namun menurut saya tampilannya kurang maksimal, karena blognya sempit, maksutnya area posting (biasanya dinamakan main bar) dan sisi samping (sidebar). Dengan sedikit klak-klik sebenarnya area tersebut lebih dapat dimaksimalkan. berikut saran saya: O...iya sebelum lupa anda terlebih dahulu masuk ke dasbor dan masuk ke menu edit html, trus klik expand widget.

Jika anda belum melakukan backup template, maka dapat dilakukan kopi semua kode html yang ada trus simpan di notepad.

Langkah modifikasi sederhana:

....INGAT..JANGAN SAVE TEMPLATE SEBELUM YAKIN....PREVIEW...ATAU ...PRATINJAU SAJA....
1. Temukan text berikut.

#outer-wrapper {width:740px;margin:0 auto;text-align:left;
Pada text di atas terlihat bahwa lebar blog adalah 740 pixel. untuk merubahnya gantilah widthnya sbb:

#outer-wrapper {width:94%;margin-left: 3%; <br />margin-right: 3%;text-align:left;}
Setelah itu silahkan preview/pratinjau, ingat jangan save template sebelum yakin.

MAAF KALAU DALAM KOTAK MUNCUL "<.BR>" ATAU ANGGAP TIDAK ADA,...EDITNYA BELUM BERES...

2. Temukan text berikut

#main-wrap1 {width:480px;
Ganti text TERSEBUT dengan

#main-wrap1 {width:65%;

Dan carilah text

#main {background:url("http://www.blogblog.com/rounders3/rails_main.gif") <br />repeat-y left;padding:0;width:485px;<br />}
Gantilah Dengan..

#main {background:url("http://www.blogblog.com/rounders3/rails_main.gif")<br /> repeat-y left;padding:0;width:100%;}

Silahkan preview apa yang terjadi. Pengantian ukuran dalam
px menjadi persen dimaksudkan agar ukuran selalu dalam keadaan relatif terhadap lebar blog/lebar layar.

3. Temukan text berikut.

#sidebar-wrap {width:240px;float:right;<br /><br /><br /><br />kemudian gantilah menjadi #sidebar-wrap {width:33%;float:right;

4. Temukan text berikut:

.main .widget {>margin-top: 4px;width: 468px;padding: 0 13px;}<br />.main .Blog {margin: 0;padding: 0;width: 484px;}

Gantilah Widthnya menjadi 100%. Kemudian lakukan preview.

Terus??? Ada beberapa kemungkinan kurang sesuai keinginan. Yaitu adanya gambar-gambar yang belum disesuaikan.
Cara lain?? Silahkan buka blog anda terus simpan sebagai "save web page complete". trus buka dengan notepad. maka anda dapat berkreasi tanpa harus online.

Modifikasi mellui HTML/CSS dapat dilakukan lebih leluasa, misal mengganti latar, memindah sidebar ke kiri, menambah background, mengatur tampilan link, menambah side bar, membuat menu dll.Anda juga dapat mengubah lebar shoutmik sesuai keinginan. Caranya? silahkan masuk ke kode html shoutmix cari widthnya, tinggal diganti
sesuai keinginan, tapi saran saya...ubahlah dalam persen saja. Semua alternatif modifikasi dalam blog ini hanya berkaitan dengan width saja.

Satu catatan lagi. saat saya download, gambar latar, tertinggal, sehingga perlu anda edit sendiri, intinya silahkan cari widthnya, dan disesuaikan. Selamat mencoba.