My Day & My Blog’s Codes
March 24th, 2008
Hari ini ternyata ngga ada kuliah. Sia-sia bangun jam setengah 5 pagi. Dokternya ternyata masih di Singapore dan akhirnya jam 7 ngga ada pre-test obgyn. Ya sudahlah. Trus ada jeda sampe jam setengah 2 siang. Gila aja.
Untuk mengusir kebosanan, anak-anak sekelas memutuskan untuk karaoke bareng di Inul Vizta, Mall Taman Anggrek. Lumayan juga sih.. ngisi waktu sekitar 2.5 jam. Sebenernya masih pada pengen nyanyi, cuma karena jam sudah menunjukkan pukul 12.45 jadi harus balik ASAP. Akhirnya kita semua buru-buru nyari taksi ke kampus.
Anak-anak yang blom sempet makan siang pada panik karena kuliah hampir mulai sementara perut masih keroncongan. Akhirnya dapet kabar kalo kuliahnya diundur jadi setengah 3, dan anak-anak pun makan dengan tenang. Setelah kenyang, semua balik ke kelas, hanya untuk mendapat berita: KULIAH NGGA ADA. Ooookay.. jadi kita nunggu 7.5 jam for NOTHING?
Tapi karena obgyn emang udah terkenal dengan jam karetnya dan sesi perkuliahan yang ada dan tiada.. anak-anak udah malas ngeluh. Mungkin juga karena udah cape jejeritan pas karaoke kali ya.
Mending ganti topik deh. Daripada kesel ngebayangin kuliah obgyn di kemudian hari yang bisa aja terulang lagi dengan kejadian yang sama persis kayak tadi.
Anyway, akhirnya saya nemuin penyelesaian yang ‘pasti’ tentang WP’s Problem saya yang kemaren (Problem #4: Spasi Antar Paragraf). Saya udah curiga kalau masalahnya MUST be in the CSS codes. Setelah frustrasi tweaking the codes, ngutak ngatik ngga karuan, akhirnya saya “SOS!” ke Google lagi. Kali ini calon solusinya BANYAK banget! But at least I was right, the problem was in the CSS codes. Saya coba satu per satu, edit dikit-dikit, akhirnya nemuin juga solusi yang paling tepat untuk template saya dari sini. Solusi terbaru:
.entry p {padding-bottom: 1.0em;}
Tulis kode itu di file style.css. Besar paddingnya boleh diatur sesuka hati.
Setelah problem itu akhirnya bener-bener selesai (ngga pake cara manipulatif seperti kemaren), saya nemuin masalah berikutnya.
Problem #5: Jarak Antara Teks Dan Gambar
Di postingan sebelum ini (Happy Easter), tadinya jarak antara teks dan gambar sama sekali ngga ada alias nempel. Bener-bener ngga enak diliat. Kali ini saya yakin kalau masalahnya lagi-lagi di kode CSS-nya alias di file style.css. Saya coba bongkar-bongkar di Wordpress Codex, akhirnya ketemu juga sih di bagian ini. Tapi kok penjelasannya kurang ‘ngena’ gitu.. jadi saya cek ke support forumnya Wordpress, lalu nemuin keterangan yang lebih mantab di topik ini. Saya modifikasi sedikit kodenya, jadinya kayak gini:
.imgspace {margin: 15px; border: none;}
Trus di tiap post yang mau ditaro gambar dengan teks di sebelahnya, saya tambahin kode *class=”imgspace”* (tanpa tanda asterisk) di dalam tag HTML (img src) tiap gambar. Tulis kodenya di Post Editor tipe Code, bukan yang Visual. Contoh:
<img class=”imgspace” src=”[URL gambar]” alt=”[KET. GAMBAR]” />
Syukurlah problemnya udah bisa teratasi, rasanya gemes aja kalo gagal melulu.. hahaha.
12 Comments Add your own
1. O-OM | March 25th, 2008 at 12:03 am
wah ternyata melissa jago koding juga ya..jarang lho cewek jago masalah ginian, sukses selau buat kamu
2. parvian | March 25th, 2008 at 1:57 am
eh, css tuh juga tergantung browser yang digunakan loh melissa… kadang kalo kita mau develop web itu kita harus punya beberapa alternatif css untuk jenis browser yang berbeda…
3. ifa | March 25th, 2008 at 4:49 am
cindailah manaaaa… hendak berhiiiaaaas… dendangnya laluuuu… tidak beriiibuuuu… bagailah manaaa… hendak berhiaaasss… cerminku retaaak… seribuuu…
*hasil nunggu kuliah kemaren tuh, gw jadi fasih nyanyi cindai…*
4. empe | March 25th, 2008 at 7:01 am
hmm.. styling with css?
1). cek terhadap 2 browser utama, internet exp ma mozilla, kedua browser ini mempunyai engine css yang berbeda (dan karena inilah gw bilang internt exp is suck!)
2). hehehe, yang class .entry p kalo padding-bottom, berarti rentang teks dengan garis bawah berjarak 0.1 em, mending pake padding aja, biar semuanya ada rentangnya (kiri-kana-atas-bawah)
udah ah.. lagi males ngomong kode2 nih
chhheeeerrrssss!!!
selamat berkreasi
5. afin | March 25th, 2008 at 1:27 pm
whuff keren gini mel, jarang lho cewek yang doyan utek-utek barang kayak gini
dulu pernah belajar dream weaver eh baru sebentar malesnya gak ketulungan
georgeous kau, non!
6. Melissa | March 25th, 2008 at 5:57 pm
@O-OM
makasih yaa.. sukses juga buat blognya yang selalu penuh tips2 berguna 
wayah.. hahaha *tersipu* banyak juga lho sebenernya cewe yg demen ginian hehehe
@ifa
bu karaokean lagi yuk hohohoho.. pengen ngeliat lo dangdutan lagi wahahaha
@afin
makasi mbak pujiannya *tersipu lagi* belajar lagi aja mbak dreamweavernya *pdhl saya juga ga bisa :p* nanti kalo dah jadi pasti seneng deh liat hasilnya
@parvian & empe
Yup.. browser juga fokus utama saya bikin layout.. pengennya layout ini tetap stabil di semua browser n resolusi *ngimpi kali yee*
layout CSS yang ini udah di tes di Firefox, IE 7, IE 6, Opera 9 n Safari 3.1 dgn resolusi 800×600, 1024×768, 1280×768… dan untungnya semua lolos uji coba. Di IE sempet ngaco dikit sih, cuma yaa maklum lah IE :p Tapi diutak atik dikit akhirnya beres juga. Hahaha..
Jadi inget jaman dulu taon 2002an iseng2 bikin website, waktu itu browser yg suka rewel bukan IE tp Netscape.. eh skrg malah IE-nya yg parah.. huhuhu..
@empe
jadi yah stick with padding-bottom: 0; aja deh.. lagipula dari awal cuma butuh space ke bawah siy jadi ya sudahlah heheheh
sempet nyoba juga sih.. tadinya pengen padding bawah ma kanan.. tapi hasilnya ngga sesuai selera gw
7. Chabe | March 25th, 2008 at 6:52 pm
Addooooooh… ke inul ngga ngajak2… mauuu dong syalala tek dung…
8. ijal | March 25th, 2008 at 8:47 pm
mel… ga ngerti ah…
mending nonjokin orang… (lho?)
9. KIP! | March 25th, 2008 at 10:54 pm
waduh,, bangun jam setengah 5..?!?! nggak terlalu pagi tu..? wkeke.. secara paling males bangun pagi,, makanya ndak lulus2 gini.. hiks.. *plak!!*
eniwei,, aku juga lagi belajar bikin web pake css.. dan mpe sekarang belum jadi2 juga.. hiks. gara2 kebanyakan kuliah + kerja ni.. *ngeles mode: ON!* hmm,, jadi semangat lagi buat mbikin template itu.. huhu,, semangad..!!
10. Zee | March 26th, 2008 at 1:13 pm
Dokter obgyn saya jga ga praktek Senin kemarin krn masih seminar, gak tahu seminar apa dan dimana.
He hee.. saya paling males utak atik kode, krn suka jd err.
11. Melissa | March 26th, 2008 at 10:28 pm
@Chabe
jieeeee… kan ada yang udah LULUS nih.. jadi boleh dong karaoke lagi.. hahahaha
@ijal
nonjokin sapa nih jal? hohoho..
@KIP!
smangat yaa!
Ayo2 bikin template juga.. sabar2 aja pasti bisa kok
@Zee
hiks.. dokter obgynnya jamnya suka ngga teratur sih.. jadi apa mau dikata.. bersabar saja
haha iya tuh otak atik kode sering bikin error.. jadi suka senewen ngebenerinnya..
12. KIP! | March 26th, 2008 at 10:37 pm
iyah,, musti sabar..!! secara lagi musim ujian gini,, tapi hasrat buat bikin template sendiri semakin menggila..!! huwaa..!!!
http://anginbiru.wordpress.com/2008/03/26/se-ma-ngad/
Leave a Comment
Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Trackback this post | Subscribe to the comments via RSS Feed