Bekal Modal Minimal
Mencoba berbagi, tak ada maksud sedikitpun buat menggurui. Saya mau mencoba menulis lagi tentang trik pasang background pada postingan dengan bekal modal minimal.
Modal utamanya ya pasti sebuah blog, image yang mau dijadikan background serta software editor gambar. Kalau mau backgroundnya animasi ya ditambah software animasi.
Untuk software editor gambar saya pakai Adobe Photoshop jadul versi 7 yang free, karena dari awal saya pahamnya cuman itu. Ini saya pakai buat ngedit image agar ukurannya sesuai dengan lebar postingan dan warnanya menjadi semi transparan sehingga teks utamanya tetap terbaca dengan jelas. Pakai Paint juga bisa tapi saya agak kesulitan kalau mau ngecrop atau ngatur ukuran.
Yang saya lakukan adalah membuka image pakai Photoshop tadi, lalu ukurannya kita atur lewat menu image – image size kemudian diketikkan lebar yang diinginkan. Agar imagenya transparan gunakan menu image – adjustments – brightness/contrast kemudian kita atur brightness dan contrastnya.
Setelah di save, saatnya image kita upload. Kalau kita pakai blogspot bisa disimpan di Picassa, kalau kita pakai WordPress ya kita upload ke Library. Caranya sama seperti kalau kita masukkan image dalam posting, cuman nanti hanya dibutuhkan link atau url nya. Bagi yang biasa nyimpan image di photobucket OK juga.
Langkah terakhir tinggal naruh kode htmlnya pada postingan, dengan format:
<div style="background:url(alamat url tempat menyimpan image) repeat;">
teks postingan</div>
Gantilah teks warna merah dengan alamat penyimpanan atau url dari image, misalnya http://photobucket.com/albums/roma.png dan ganti juga teks warna biru dengan postingan kita. Contohnya seperti [ini]
Berhasil atau tidak syaratnya cuman satu, yaitu memulai untuk mencoba. Yang pasti, pasang beginian nggak bakal menyebabkan kanker, serangan jantung, impotensi dan gangguan kehamilan dan janin. Pasang beginian cuman habiskan space dan loadingnya berat, terutama yang koneksinya limited dan lemoted.
Sebagai tambahan saja, bahwa image yang saya pakai untuk background warna-warni seperti ini ukurannya nggak sampai 5 Kb. Tepatnya cuma 4,94 Kb. Jadi kalau dianggap bikin berat, kayaknya yang bermasalah bukan pada baca imagenya tapi karena koneksi yang sahabat pakai.
Tak balas pertamax PakDhe…
Aku mbok diajari sing koyo ngunu kuwi.
.-= Postingan Brencia : Running Away =-.
[Reply]
perlu dicoba
dengan bervariasi maka, akan terasa lebih indah
.-= Postingan shanushy0809 : Bingkisan dari Propertykita.com =-.
[Reply]
nambah berat loading ah pak… eniwei thanks sharing ilmunya ya pak…
[Reply]
kL saya pake yg CS3, bz ga pny yg CS4.. tp kL sbatas crop msh bs pke bwaan MS Office.. kpn posting yg backgroundny cm pake warna Pak?
[Reply]
kalo yang kayak postingan ini apa juga sama Om caranya??
[Reply]
CRTL D
.-= Postingan kisaran : Google Update Pagerank =-.
[Reply]
wuuiidiihhh wernone molah-malih koyok lampu bangjo..
.-= Postingan bre : Running Away =-.
[Reply]
tambah uabot pakDhe…..
.-= Postingan luxsman : Membobol Bandwith-Limited Access =-.
[Reply]
TRIMAKASIH TELAH BERBAGI ILMU PAK
[Reply]
Bermanfaat buat yang sedang belajar blog seperti saia
[Reply]
Sakjane kepingin pak, tapi kalo koneksi pakek telkomselflash, rodok abot
Matur suwun….
.-= Postingan HumorBendol : Sop yang aneh =-.
[Reply]
sangat bermanfaat buat newbie macam saya ini…makasih banyak mister atas trik luar biasanya ini. You Rock !
[Reply]
artikel yang menarik, makasih atas tutorialnya ya,
.-= Postingan Wordpress Tutorial : Wordpress Tutorial Berada di Top 10 Google =-.
[Reply]
boleh juga tips nya mas mars, lumayan menggoda untuk dicoba, apa daya kompie tak memadai
.-= Postingan pensiun kaya : Hore! Dow Jones Kembali Tembus 10000 =-.
[Reply]
daritadi ngomeng-ngomeng disini kok ga nampil-nampil yah (doh) *jadi kehabisan modal neeh*
[Reply]
saya suka main edit HTML kayak gini, bikin blog makin cantik, meski saya lebih suka minimalis
.-= Postingan oglek : Mati Oleh Inkonsistensi =-.
[Reply]
bisa diaplikasikan di blogspot atau tidak Pakdhe?
.-= Postingan Pencerah : Buaya Mabok Duren =-.
[Reply]
Tutorial yang Pas Pak, kebetulan saya raji keranjingan photoshop. Tutorial ini tentunya akan saya praktekan. Terima kasih sekali atas petunjuknya. Ada tambahan ilmu baru lagi he he.
.-= Postingan arkasala : Keasyikan Belajar Menggambar dengan Photoshop =-.
[Reply]
Saya kira tadi kelap kelip itu masih dalam proses loading, ternyata disengaja ya.
Keren Pak, sepertinya saya harus install dulu photoshop deh, biar bisa praktek. Yang gratisan dapat ari mana Pak?
.-= Postingan masnur : Nyemut =-.
[Reply]
aku sek pileh sing gratis boz…hehehe
.-= Postingan cah ndueso : If you register your site for free at =-.
[Reply]
wah kok saya ngga bisa mbuka pak?
*lha iya lah prie, kamu kan ga punya koneksi*
wakakaka…
.-= Postingan Blog Ijo : Spion Ganda, Spion Amin =-.
[Reply]
kalau cuma warna pake script warna aja sama aja kan pak
terus kalau ganti2 warna gitu gimana scriptnya pak ?
.-= Postingan Rozy : Download Themes for Windows 7 =-.
[Reply]
ternyata disini kuncinya
http://marsudiyanto.info/wp-content/uploads/2009/01/bgmeta.gif
warnanya di buat gif :p
[Reply]
keren euy!
saya mau nyoba juga ah
.-= Postingan fanz : Kamuih! =-.
[Reply]
walau bingung tapi nambah pengetahuan neh.
.-= Postingan rental mobil di surabaya : GM dan SAIC luncurkan kendaraan berteknologi propulsi sel tunam =-.
[Reply]
mantap sharenya Pak Mar
ditunggu ilmu2 lainnya (rock)
.-= Postingan a2i3s : Cara Edit Ukuran Avatar MyBlogLog Pada Kotak Komentar Blogger =-.
[Reply]
sayang diriku gaptek
[Reply]
selamat malam
salam hangat selalu
kunjungan perdana
.-= Postingan dobleh yang malang : Gerimis di penghujung tahun…………. =-.
[Reply]
Waaaaaaaah kaya lampu kelap kelip.. pokokeee manstaaaaaaaaaabbbs
.-= Postingan KangBoed : Manusia janganlah Kau Sombongkan Diri =-.
[Reply]
HADIIIIIIIIIIIIIRRRRRRRRRRRR,,, lama enda mampir nih paaak maaf
.-= Postingan KangBoed : Manusia janganlah Kau Sombongkan Diri =-.
[Reply]
RAIHLAH “JATI DIRI MANUSIA”.. untuk
MENGEMBALIKAN JATI DIRI BANGSA INDONESIA
Salam Cinta Damai dan Kasih Sayang ‘tuk Sahabatku terchayaaaaaaaank
I Love U fuuulllllllllllllllllll
.-= Postingan KangBoed : Manusia janganlah Kau Sombongkan Diri =-.
[Reply]
Sip pak, insya alloh tak melu nyoba ah
[Reply]
Matur nyuwun pak, insya alloh tak nyoba ah
—
Mohon mangap, ijik nganggo ndotpresse, ndotcome ijik ketangkep aki.
[Reply]
Wah pak Mar selalu memberi kemudahan buat yang gaptek kayak saya
nuwun pak hehehe
.-= Postingan ajengkol : Nugget bitten smart chicken =-.
[Reply]
Sugeng ndalu Pak Mar, wah dahsyat niki Pak Mar… Teirma kasih ilmunyaa…
.-= Postingan Kika : Menuju Dusun Senja rumah keduaku =-.
[Reply]
wuuiiihhh…keren pak
.-= Postingan etha : pernahkah??? =-.
[Reply]
wehh kerennya backgroundnya….bisa warna warni
.-= Postingan Miss Anna : Thanks To Blue Bird Group Taxi =-.
[Reply]
di blogspot bisa ndak yahhhh
.-= Postingan Tips Kecantikan : HOW TO OVERCOME BROKEN HEART =-.
[Reply]
saya coba dulu pak mars.. ntar kalau gagal atau kurang lancar saya sowan lagi untuk minta bimbingan selanjutnya..
[Reply]
modal minimal, tapi hasil maksimal.
betul2 mantaps
.-= Postingan SEOnesia : Launching Be-Blog =-.
[Reply]
heheh jadi pening juga lihatin warna yg kedap kedip, makasih share ilmunya pa
salam,
.-= Postingan andif : Buah Nangka =-.
[Reply]
tak pikir tadi mister mau kasih saya bekel alias sangu
.-= Postingan Mengembalikan jati diri bangsa : Mengembalikan Jati Diri Bangsa dan Pengemis =-.
[Reply]
trima masih ilmunya pak
.-= Postingan hadi : Penyebab Pagerank Turun =-.
[Reply]
Wah kapan-kapan bisa dicoba neeh om…..
.-= Postingan Rychan : Facebook Aspal!!! =-.
[Reply]
hehehe… makasih info-nya, Pak!
.-= Postingan tuteh : Confused For A Moment =-.
[Reply]