Tuesday 14 October 2008

Modifikasi template blogger

Tulisan asli di sini

Bagi yang suka utak-atik template, mau belajar memodifikasi template blogger, saya akan menulis tentang modifikasi template minima blogger yang sidebarnya di kanan, minima right sidebar. Aselinya, minima hanya mempunyai dua kolom, di kiri atau di kanan, dengan lebar kolom 220px.

Langsung tanpa basa-basi, to the point aja. Kita akan memulai dengan menambah satu buah kolom/ sidebar dengan lebar 160px. Ini cocok untuk menempatkan iklan adsense yang skycrapper.

Pertama:
Buka layout --> edit html --> back up dulu script aseli blog anda.
Buatlah style css (tentu di antara [c: data ....
buat properties berikut:

#sidebar1-wrapper
{ width:160px;
float:$startSide;
margin-$startSide:10px;
word-wrap:break-word;
overflow:hidden;
}

-Keterangan: $startside nama elemen untu kiri/ left.
- word-wrap:break-word :> untuk memecah kata yang terlalu panjang (IE) sehingga tidak menggeser lebar sidebar.
-overflow:hidden:> menyembunyikan kata yang melebihi lebar sidebar (Firefox).

Selesai membuat calon sidebar.

Dengan membuat satu sidebar maka kita harus menambah ukuran lebar untuk outer-wrapper dan header-wrapper. Berapa px lebarnya? Kita sudah membuat calon kolom dengan lebar 160px di tambah margin kiri: 10px, jadi space buat kolom baru: 170px.

ini yang harus diubah:

cari: #header-wrapper { width:660px; }
lebar semula --width:660px, ganti menjadi 660 + 170 = 830px;
cari: #outer-wrapper :> sama dengan di atas.

Selesai membuat CSS nya. sekarang kita pasang pada HTML-nya.

setelah #main-wrapper dan sebelum #sidebar-wrapper tuliskan yang sudah kita buat tadi.







untuk memasang widget secara manual, tinggal paste code dari template sebelumnya [b:widget ....

ubah susunan section menjadi:
[b:section clas="" ...]
[b:widget ......../]
[/b:section]

SELESAI. Lihat pada Page elemen. Tambahkan elemen halaman yang anda mau. Untuk menempatkan elemen yang sudah ada dari template sebelumnya tinggal tuliskan: [b:widget .....
contoh display:http://picture-indonesia.blogspot.com/
Download juga bisa: template.azimat.net
SELAMAT MENCOBA.


tambahan: untuk sidebar-wrapper (sidebar asli) sebaiknya ganti properties float menjadi right/ $endSite.

Bagus..bagus..bagus (upin ipin mmode:on)

BTemplates & others (versi ambo)

http://rounders2-template-demo.blogspot.com/
http://rounders3-template-demo.blogspot.com/
http://www.bloggerbuster.com/2007/08/rounders-3-three-column-template.html

http://elegant-style-template.blogspot.com/
http://eriyzaqistina.blogspot.com/
http://magazinetemplate2.blogspot.com/
http://picture-indonesia.blogspot.com/

http://lemontwist-btemplates.blogspot.com/
http://butterfly2-btemplates.blogspot.com/
http://wordpressfun-btemplates.blogspot.com/
http://fervensa-btemplates.blogspot.com/
http://fervensc-btemplates.blogspot.com/

Monday 13 October 2008

Beberapa Linux untuk P2or3

fluxbuntu 7.0 ; gOS ; openGEU ; linuxmint
4.0 XFCE ; SAM ; Zenwalk
Debian_4.0_r1_i386_Bin-1