isibebas

my blogspot classic template

seperti sebelumnya, kali ini aku hanya mengedit template yang sudah jadi. tapi kali ini bukan template xml seperti yang biasa digunakan blogspot modern lain tapi template html khas blogspot classic ( ane bingung bahasa blogspot ). ha ha, jaman sekarang biasanya selalu update ke versi terbaru, tapi aku malah mundur. begini pikiran sederhanaku tentang hal ini bla bla ...

kali ini basicnya aku ambil dari template 'dibuangsayang' dari om choen, seorang master blogspot indonesia ( tapi mesin lain, dia juga jago ). untuk itu aku ucapkan maaf jika mengedit template tanpa comment ke post, tapi aku hanya bisa berusaha tidak menghilangkan credit ( tapi letaknya dipindah ke other, diklik saja nanti keluar creditnya ) agar jejak visualnya tidak hilang

tidak om choen namanya jika template buatanya tidak revolusioner, mungkin dari luar terlihat sederhana tapi codenya html 5 bok. sebenarnya kagak mudeng juga aku sama hal ini karena itu aku kembali menggunakan banyak tag div di info ( ha ha, pakai elemen khas html 5 belum mudeng ). dan anehnya aku juga banyak menghilangkan elemen aside karena kurang membutuhkannya ( dan juga tidak mudeng )

modifikasi pertama aku membuatnya menjadi liquid single collumn, aku suka model begini karena ukuran jendela tidak mempengaruhi konten. disini aku tambal sulam dengan template ambiru yang model kayak begini. lalu aku mencoba membuat panel other dengan tag div yang berantakan ( maklum saya nubi ). disini aku mengisi dengan search, archive, page, credit, dan sedikit biodata. aku mencoba memasukannya jadi satu agar tampak rapi. selanjutnya menyembunyikan elemen itu dengan sedikit jquery ( terima kasih kepada om hendriono untuk ilmunya )

lalu aku mecoba membuat border menjadi membulat karena berkesan tidak kaku dan elegan. disini aku kembali mengunakan rgba karena aku masih berharap dapat menggunakan background bokeh. lagipula efek border yang bertabrakan juga bagus. tapi untuk comment aku merasa kesulitan mengaplikasikannya dan aku juga merasa lebih baik comment model biasa

ok, sekarang waktunya membuka aib, maksudnya bug. yang cukup mengecewakan adalah compabilitas browser. di internet explorer 6 ( ie 6 ), halaman menjadi bewarna putih dan javascript menjadi kacau ( aduh, katanya ie 6 emang parah banget. let's say no to ie 6 ). lalu di opera mini ( di opera asli ga tahu deh, ga punya seh ), tapi disini tidak separah ie 6, masalahnya hanya konten menjadi tidak ditengah lagi tapi di sisi kiri ( masalah css 3 juga tidak jalan ). dan ketika post hanya beberapa kata ( maksudnya satu garis saja tidak ada ). border tidak berjalan sebagaimana mestinya. di firefox juga masalah search yang tidak membulat seperti halnya di webkit ( aku sudah membuka css 3 cheat, tapi kagak mempan. apa maslah tidak update ya, kayaknya kagak deh karena aku pakai 3.6.6 ). ah masalah ini aku menyerah dengan ilmu pas pasanku

oh ya, masalah static page cukup mengganggu juga karena di classic template hal ini tidak ada. tapi masalah ini dapat diselesaikan dengan membuat static page di blog lain atau di post biasa. jadi kalau ada post tentang about juga ga papa ya ? tapi aku pikir untuk hal hal static page sudah aku sediakan di other. kayak archive dan search. masalah kontak bisa di profil kok. masalah bawaan lain adalah tidak adanya widget, ah kagak butuh. buat pencari uang classic template mempersulit masang iklan

masalah validasi jangan tanya deh di html ada 17 errors dan css 3 ada 31 errors ( css 2.1 lupa ngecek ). kagak tahu cara mengakali classic template, apalagi validasi css, ampun deh. kayaknya om dani pernah ngomong kalau mesin blogspot kagak usah divalidasi, saya setuju

ok, melihat di atas sepertinya banya jeleknya daripada bagusnya ya. ya mau bagaimana lagi, saya masih nubi. kagak kayak para om om diatas yang sudah pro. aku akui ni template memang jelek tidak seperti buatan om abu, om hendriono, apalagi tante cebong ( ngiris gambarnya jago banget, aku kagak mudeng ngiris gambar .bisanya main css 3 dikit dikit )

btw, aku rasa classic template hanya cocok buat penyuka hal baru ( hal baru menurutku karena awalnya aku pakai xml ). dan jika ingin memakai template ini silahkan download tapi harap edit detailnya ( siapa ya, yang mau download )

contact

hi,
namaku pandu pujo wicaksono, dapat dipanggil pandu, pewe, dll. tapi nick utama adalah g_yong karena aku besar di keluargaku dengan nama ini. dan aku merasa nick ini bagus juga
aku lahir di semarang tanggal 8 november 1992, aku anak kesatu dari dua bersaudara
aku sekolah di sd n kartini 3, smp n 3, sma n 5, dan fakultas arsitektur undip (sekarang)
cita citaku itu menjadi seorang yang masuk surga, membahagiakan orang tua dan menjadi seorang arsitek
alamat email yang bisa dihubungi adalah g_yong@ymail.com dan gyong.p@gmail.com
hanya alamat email itu yang bisa dihubungi karena no hp ku milik bersama jika ada sms tidak jelas maka akan dihapus orang lain
facebook dan twitter ? aku rasa tidak karena memang tidak punya

about

tentang blog ini, aku rasa tidak ada yang spesial karena saya masih pemula. mengenai masalah pemula, aku mulai ngeblog dari nol saat awal mei 2010 ( masih pemula banget kan ? ). sebelumnya diajak teman tapi saat itu hanya sebagai author, lalu kepikiran membuat blog sendiri ( karena blog temanku dijual ). awalnya membuat di wordpress tapi karena loadingnya berat ( maklum, koneksi siput ) dan merasa tanggung jika tidak membuat wp self hosting sekalian ( kalau ada duit mau membuat beginian )

ok, blog ini dibuat dengan mesin blogspot karena gratis dan tidak memikirkan hostingan ( maklum, blogger cekak ). lagipula blogspot ringan loadingnya. dengan mesin ini semua dapat berjalan cukup baik ( jangan dibandingkan wp self hosting deh ) tapi aku masih memikirkan kotak comment yang bawel itu dan masalah tanda & di mesinnya ( padahal masalah validasi sudah kucoba kulupakan tapi entah kenapa nyesel aja )

masalah konten aku isi sesuai pikiranku karena aku belum berani mengambil niche karena aku sendiri pemula di berbagai bidang. jadi aku isi yang melayang di pikiranku karena aku anggap itu lebih menyenangkan ( blogging for fun and learn ). jangan harap menemukan konten hasil copy paste di sini karena aku sendiri rada anti dengan hal semacam itu. dan aku tidak bangga kontenku itu hasil kerja keras orang lain

masalah visual aku rasa templatenya berantakan. tapi masalah visual cukup mendapat perhatian karena di masalah visual, ilmu blogging yang kubca dapat kupraktekan. ok, pertama kali memakai template dot ( udah lupa, pokoknya template dari blogger ), mac retro, zdark modified ( paling lama memakai ini ), dan terakhir adalah dibuangsayang modified ( paling berkesan karena saat mengedit ni template, monitorku menghitam )

masalah rules di comment aku rasa sudah jelas. untuk pertemanan seperti say ha aku rasa tidak masalah (karena menambah teman blogger bagi aku yang pemula ini) tapi diusahakan untuk juga comment sesuai topik. comment yang aku hapus itu pasti comment spam yang jelas jelas promosi dan comment rasis ( jangan mempermalukan diri sendiri dengan comment semacam ini deh )

ok, yang aku dukung dalam blog ini :

islam. ini adalah agamaku jadi pasti aku mendukungnya. aku juga berusaha mendukung islam adalah agama yang benar dalam segala hal dan menawarkan jalan di semua kondisi. bukan agama yang membabi buta dan suka perang

indonesia. ini adalah negaraku dan aku merasa bangga menjadi orang indonesia. itu sudah jelas karena di indonesialah aku lahir, besar dan memperoleh ilmu. dan budaya yang sangat menarik, orang luar saja bangga dengan budaya kita, masak kita tidak bangga

komunitas blogger semarang loenpia.net, walau aku pengamat pasif ( maaf ya mas didut ga bisa intenst di grup karena masalah biaya koneksi cukup sensitif bagiku ). kita pererat persahabatan diantara blogger agar

kampanye jacp ( jangan asal copy paste ) agar kita lebih cenderung memperkaya kualitas konten di internet, tidak hanya memperbanyak kuantitas ( copas dengan backlink masih boleh kok )

spa ( semarang pesona asia ) aku mencoba untuk menarik teman teman blogger untuk berkunjung ke semarang agar mereka merasakan keindahan kota semarang. tapi aku juga akan mengkritik hal hal yang buruk dengan harapan kota semarang semarang menjadi semakin menarik

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