Oh, 3 minggu lewat begitu aja. Capek, bolak-balik Bandung-Surabaya. Mending kalo liburan, ternyata kerjaan bertumpuk terus, jadi harus di bawa ke Surabaya juga, dan kerasa betapa nyamannya kalo punya laptop. Humm....MacBook Pro yang 12juta-an kayaknya cocok. Btw, waktu itu ada yang nanya: Magi ngapain aja selama nutup blog? Well, bikin karya gambar A2-4 lembar, A1-1 lebmbar, karya patung kecil 1, patung gede 1, bikin logo-stationery-web site Amarta Living, sama bikin domain buat studiokuw...tapi belum dirilis, nanti ada announcementnya. Sekarang, bayar hutang sama mas yang di bursa efek waktu itu.

Waktu itu Mas Henry (Maret 2007) nanyain caranya masukin gambar. Yah untuk yang sudah faham sama kode html sih pasti gampang. Tapi bagi yang belum, keep reading. Gambar yang umumnya dipakai di dunia web itu berakhiran .jpg, .gif, .png, kalo ada yang lain pastilah jarang-jarang. Tiga tipe gambar ini sangat kompatibel dengan hampir semua browser yang ada di dunia, jadi sebelum menggunakan gambar untuk blog, pastikan extension-nya salah satu dari tiga yang tadi saya sebut. OK, sekarang cara memasang gambarnya.

Ada banyak cara koq untuk majang gambar di blog. Yang paling mudah adalah menggunakan tag <img>. Lebih lengkap lagi : <img src="alamat gambar" alt="teks"> . Alamat gambar dalam kutip diganti dengan alamat URL dari gambar yang akan dimasukan, sedangkan teks dalam kutip di isi dengan tulisan pengganti jika gambar tidak bisa diload. Bagian alt bersifat opsional, jadi boleh dibuang. Buat yang bingung dengan URL gambar,saya jelasin sedikit tentang photo-hosting. Umumnya situs penyedia blog tidak menyediakan ruang untuk menyimpan gambar (Blogger menyediakan hanya untuk post), jadi kita harus menggunakan situs penyedia hosting khusus gambar seperti flickr, atau photo bucket (klik aja di bagian sponsor saya). Nanti ketika kita sudah membuat account dan upload foto, foto tersebut akan diberi alamat URL, nah alamat tersebut yang kita pakai.

Gimana kalo untuk template? Well...gampang-gampang susah. Kalo untuk gambar yang berfungsi sebagai gambar depan, paragraf di atas saya rasa sudah membantu, tapi kalo untuk background, berikut pemaparannya tapi cuma buat Blog yang templatenya masih berbasih html (Blogger dengan Classic Template, contoh). Pertama, buka template editor. Cari bagian Cascading Style, point body, biasanya rada atas. Kalo gak ketemu pake Find aja ketik ".body". Nanti ada tanda kurawal buka, cari aja tulisan background:blablabala; nah cari antara titik dua sampai semikolon sintaks url('alamatgambar'). Nah klao mau ganti background, rubah aja alamat gambar antara tanda kutip tunggal itu dengan yang baru. Preview untuk melihat hasilnya. Jangan di-save dulu, siapa tau tambah jelek. Kalo bagusan save aja, tapi kalo template nya malah ancur, jangan di-save. HATI-HATI YAH KALO EDIT TEMPLATE, SALAH UTAK-ATIK BISA MENGAKIBATKAN BLOG ANDA BERANTAKAN.

Rumit yah? ada lagi sih yang lebih rumit. Pake teknik layering, tapi saya gak mau kasih tau, karena saya sendiri belum yakin kalo tips yang diatas mudah untuk diterapkan. Coba aja dulu, kalo minat, cari-cari ilmu tentang CSS. Cari aja di search engine, atau ke toko buku aja yang sudah pasti berbahasa Indonesia. Hehehehe.

Labels: Pengetahuan