isibebas

ambiru template little modification

setelah komputer error beberapa hari akhirnya dapat membuat post baru, walau akhir akhir ini malas ngepost karena urusan lain. ok kembali ke laptop, dalam sejarah template bloggerku, aku tidak pernah membuat template dari nol tapi hanya mengedit template yang cssnya kuangap cocok. kali ini basic templatenya adalah ambiru yang kudapat dari btemplates. begini ceritanya bla bla …

aku memlih template ini, karena cssnya bermodel liquid single column. aku anggap liquid karena kontennya tetap di tengah walau diresize. aku suka model begini karena memudahkan untuk membaca. tapi sidebar harus aku korbankan karena letaknya dibawah jadi lebih baik tidak memakainya

modifikasi pertama adalah menghilangkan navbar. kali ini aku benar benar menghilangkannya dengan tag "" diantara "< /head >" dan "< body >". ini karena aku merasa tanggung kalau hanya menjadi tidak terlihat ( cara konvensional ), juga iseng iseng validasi ( navbar menghalangi validasi ). tapi cara ini tidak disarankan karena melanggar tos blogger ( kayaknya seh )

karena aku merasa kontennya terlalu tinggi aku berikan margin 50px ke body dan hasilnya kontennya melorot ke bawah. lalu headernya kuubah sedikit dengan mengecilkan height ke angka 75px dan menghilangkan imagenya, disini aku mencoba meminimalisir image agar loadnya semakin cepat ( sesuatu yang jarang diperhatikan orang ). tapi agar tampilannya sedikit tidak kaku, aku menambahkan border radius sebesar 25px ke berbagai elemen ( sedikit css3 tidak apalah ). dan untuk pewarnaan aku mayoritas aku menggunakan rgba karena tingkat transparannya bisa lebih fleksibel tanpa mempengaruhi tulisan ( kalau pakai opacity beda ), lagipula aku berencana membuat background bokeh ( ga bisa terus, jawascriptnya error terus. maklum, nubi (-_-"). tapi perubahan lumayan adalah aku mencoba menghilangkan semua width pada elemen di dalam body ( kecuali navigation dan menu navigasi ), ini karena penggunaan width di template aslinya membuat tampilan sedikit aneh ( kayak tidak balance )

anehnya di bagian navigation itu aku pakai negative margin ( kayaknya mengganggu validasi ) agar posisinya ke dalam header. aku memasukannya ke header agar tidak terlalu berantakan. tapi konsekuensinya aku juga harus merubah margin berbagai elemen agar rapi. ini agar menu navigasi yang akan keluar tidak terasa aneh, coba diklik navigation deh nanti keluar menu navigasinya ( aktifkan dulu jawascript di browser ). kali ini aku mencoba memakai sedikit jquery agar sedikit rapi. dan bentuknya aku buat meninggi biar beda karena elemen lainnya memanjang

untuk archive aku berusaha menggantinya dengan static page ( biar rapi dan validasi tidak terlalu parah ) karena itu dibagian menu navigasi nongol ni link. sebenarnya aku menyukai archive list model heirarchy, tapi karena sidebarnya dibawah, takutnya jadi terlalu panjang. pernah kepikiran membuat di samping, tapi kayaknya bakal lebar deh. karena disini aku mencoba ramping

aku juga mencoba sedikit menvalidasikannya dengan mengubah doctype, quickedit, navbar, dll. tapi aku masih belum berani merubah all header content, takut tidak dikenali crawler ( buat seo juga berisiko, apalagi ppc. katanya tidak dikenali mesin ppcnya ). tapi karena mesin blogger kayaknya kebanyakan tanda & jadi malas menvalidasi. ah, lagipula aku tidak serius validasi kok

hmm .. kayaknya masih perubahan kecil ya ? karakter ambiru masih muncul disana sini ( ada gambarnya ). karena itu footer credit dan credit di cssnya ( tapi dirubah dashnya biar minim, konon ini mempengaruhi validasi ) tidak aku hilangkan ( lagipula aku berprinsip, seberat apapun modifikasi yang kulakukan aku tidak akan menghilangkan credit )

mau lihat ? cekidot

0 Komentar (ambiru template little modification)

Posting Komentar

kalau komentar jangan spam, sara, link porno, dan hal hal tidak etis lainnya

Berlangganan Posting Komentar [Atom]

<< Beranda