Home > On, Umum > Bekal Modal Minimal

Bekal Modal Minimal

November 6th, 2009 Mars Leave a comment Go to comments

Karena ada beberapa sahabat yang menanyakan cara memasang background image pada postingan, maka tulisan lama saya tentang hal tersebut saya munculkan kembali. Semoga ini bisa menjawab hal tersebut

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.

Categories: On, Umum Tags:
  1. November 6th, 2009 at 19:48 | #1

    Tak balas pertamax PakDhe… :D
    Aku mbok diajari sing koyo ngunu kuwi.
    Postingan Brencia : Running Away My ComLuv Profile

    [Reply]

    mars Reply:

    Lha sing mbiyen tak ajarke ilang ning endi?
    Postingan mars : Makan SiangMy ComLuv Profile

    [Reply]

  2. November 6th, 2009 at 19:59 | #2

    perlu dicoba
    dengan bervariasi maka, akan terasa lebih indah
    Postingan shanushy0809 : Bingkisan dari Propertykita.com My ComLuv Profile

    [Reply]

    mars Reply:

    Selamat mencoba Mas
    Postingan mars : Makan SiangMy ComLuv Profile

    [Reply]

    Mars Reply:

    :D

    [Reply]

    Mars Reply:

    :lol:

  3. November 6th, 2009 at 20:14 | #3

    nambah berat loading ah pak… eniwei thanks sharing ilmunya ya pak… :)

    Lha kan sudah saya tulis Mas…

    [Reply]

    Mars Reply:

    =))

    [Reply]

  4. November 6th, 2009 at 20:33 | #4

    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?

    Kalau yang seri CS ya lebih bisa Mas…
    Photoshop ini efektif terutama buat ngaburkan image biar nggak nutup tulisannya.
    Kalau cuman warna background ya nggak perlu pakai teknik njlimet, cukup pakai kode warna doang

    [Reply]

  5. November 6th, 2009 at 22:04 | #5

    kalo yang kayak postingan ini apa juga sama Om caranya??

    Sama Mas…

    [Reply]

  6. November 6th, 2009 at 23:13 | #6

    CRTL D
    Postingan kisaran : Google Update Pagerank My ComLuv Profile

    [Reply]

  7. November 6th, 2009 at 23:24 | #7

    wuuiidiihhh wernone molah-malih koyok lampu bangjo..
    Postingan bre : Running Away My ComLuv Profile

    [Reply]

    mars Reply:

    Kok ngerti lampu BangJo…
    Tak kiro ngertine bang Ariel dowang :D
    Postingan mars : Makan SiangMy ComLuv Profile

    [Reply]

  8. November 6th, 2009 at 23:33 | #8

    tambah uabot pakDhe…..

    Abot entheng itu soal teknis saja…

    Postingan luxsman : Membobol Bandwith-Limited Access My ComLuv Profile

    [Reply]

  9. November 6th, 2009 at 23:45 | #9

    TRIMAKASIH TELAH BERBAGI ILMU PAK

    [Reply]

  10. November 7th, 2009 at 00:22 | #10

    Bermanfaat buat yang sedang belajar blog seperti saia

    [Reply]

  11. November 7th, 2009 at 00:23 | #11

    Sakjane kepingin pak, tapi kalo koneksi pakek telkomselflash, rodok abot
    Matur suwun….
    Postingan HumorBendol : Sop yang aneh My ComLuv Profile

    [Reply]

  12. November 7th, 2009 at 00:38 | #12

    sangat bermanfaat buat newbie macam saya ini…makasih banyak mister atas trik luar biasanya ini. You Rock !

    [Reply]

  13. November 7th, 2009 at 00:39 | #13

    artikel yang menarik, makasih atas tutorialnya ya, :lol:
    Postingan Wordpress Tutorial : Wordpress Tutorial Berada di Top 10 Google My ComLuv Profile

    [Reply]

  14. November 7th, 2009 at 00:47 | #14

    boleh juga tips nya mas mars, lumayan menggoda untuk dicoba, apa daya kompie tak memadai :-(
    Postingan pensiun kaya : Hore! Dow Jones Kembali Tembus 10000 My ComLuv Profile

    [Reply]

  15. November 7th, 2009 at 04:42 | #15

    daritadi ngomeng-ngomeng disini kok ga nampil-nampil yah (doh) *jadi kehabisan modal neeh*

    [Reply]

  16. November 7th, 2009 at 06:50 | #16

    saya suka main edit HTML kayak gini, bikin blog makin cantik, meski saya lebih suka minimalis :D
    Postingan oglek : Mati Oleh Inkonsistensi My ComLuv Profile

    [Reply]

  17. November 7th, 2009 at 08:40 | #17

    bisa diaplikasikan di blogspot atau tidak Pakdhe?

    Ini lintas mesin Mas…
    Mau blogspot atau WordPress nggak masalah

    Postingan Pencerah : Buaya Mabok Duren My ComLuv Profile

    [Reply]

  18. November 7th, 2009 at 10:08 | #18

    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 My ComLuv Profile

    [Reply]

    mars Reply:

    Makasih Mas Yayat :D

    [Reply]

  19. November 7th, 2009 at 10:29 | #19

    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?

    Yg gratisan ya download yg free Mas…

    Postingan masnur : Nyemut My ComLuv Profile

    [Reply]

  20. November 7th, 2009 at 10:32 | #20

    aku sek pileh sing gratis boz…hehehe
    Postingan cah ndueso : If you register your site for free at My ComLuv Profile

    [Reply]

  21. November 7th, 2009 at 12:38 | #21

    wah kok saya ngga bisa mbuka pak?

    *lha iya lah prie, kamu kan ga punya koneksi*

    wakakaka…
    Postingan Blog Ijo : Spion Ganda, Spion Amin My ComLuv Profile

    [Reply]

  22. November 7th, 2009 at 13:07 | #22

    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 My ComLuv Profile

    [Reply]

  23. November 7th, 2009 at 13:09 | #23

    ternyata disini kuncinya
    http://marsudiyanto.info/wp-content/uploads/2009/01/bgmeta.gif
    warnanya di buat gif :p

    [Reply]

  24. November 7th, 2009 at 13:24 | #24

    keren euy!
    saya mau nyoba juga ah :)
    Postingan fanz : Kamuih! My ComLuv Profile

    [Reply]

    mars Reply:

    Makasih Mas
    Postingan mars : Makan SiangMy ComLuv Profile

    [Reply]

  25. November 7th, 2009 at 15:36 | #25

    walau bingung tapi nambah pengetahuan neh.
    Postingan rental mobil di surabaya : GM dan SAIC luncurkan kendaraan berteknologi propulsi sel tunam My ComLuv Profile

    [Reply]

  26. November 7th, 2009 at 16:12 | #26

    mantap sharenya Pak Mar :) ditunggu ilmu2 lainnya (rock)
    Postingan a2i3s : Cara Edit Ukuran Avatar MyBlogLog Pada Kotak Komentar Blogger My ComLuv Profile

    [Reply]

    mars Reply:

    Makasih mas Aries
    Postingan mars : Makan SiangMy ComLuv Profile

    [Reply]

  27. November 7th, 2009 at 18:30 | #27

    sayang diriku gaptek

    [Reply]

  28. November 7th, 2009 at 19:41 | #28

    selamat malam
    salam hangat selalu
    kunjungan perdana
    Postingan dobleh yang malang : Gerimis di penghujung tahun…………. My ComLuv Profile

    [Reply]

  29. November 7th, 2009 at 20:25 | #29

    Waaaaaaaah kaya lampu kelap kelip.. pokokeee manstaaaaaaaaaabbbs
    Postingan KangBoed : Manusia janganlah Kau Sombongkan Diri My ComLuv Profile

    [Reply]

  30. November 7th, 2009 at 20:26 | #30

    HADIIIIIIIIIIIIIRRRRRRRRRRRR,,, lama enda mampir nih paaak maaf
    Postingan KangBoed : Manusia janganlah Kau Sombongkan Diri My ComLuv Profile

    [Reply]

  31. November 7th, 2009 at 20:27 | #31

    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 My ComLuv Profile

    [Reply]

  32. November 7th, 2009 at 21:08 | #32

    Sip pak, insya alloh tak melu nyoba ah

    [Reply]

  33. November 7th, 2009 at 21:12 | #33

    Matur nyuwun pak, insya alloh tak nyoba ah

    Mohon mangap, ijik nganggo ndotpresse, ndotcome ijik ketangkep aki.

    [Reply]

  34. November 7th, 2009 at 22:22 | #34

    Wah pak Mar selalu memberi kemudahan buat yang gaptek kayak saya
    nuwun pak hehehe
    Postingan ajengkol : Nugget bitten smart chicken My ComLuv Profile

    [Reply]

    mars Reply:

    Makasih Mbak Ajeng… :D

    [Reply]

  35. November 7th, 2009 at 22:24 | #35

    Sugeng ndalu Pak Mar, wah dahsyat niki Pak Mar… Teirma kasih ilmunyaa…
    Postingan Kika : Menuju Dusun Senja rumah keduaku My ComLuv Profile

    [Reply]

  36. November 7th, 2009 at 22:28 | #36

    wuuiiihhh…keren pak
    Postingan etha : pernahkah??? My ComLuv Profile

    [Reply]

  37. November 7th, 2009 at 22:50 | #37

    wehh kerennya backgroundnya….bisa warna warni
    Postingan Miss Anna : Thanks To Blue Bird Group Taxi My ComLuv Profile

    [Reply]

  38. November 7th, 2009 at 22:52 | #38

    di blogspot bisa ndak yahhhh

    Ini lintas batas Mbak. Blogspot bisa, wordpress juga bisa…

    Postingan Tips Kecantikan : HOW TO OVERCOME BROKEN HEART My ComLuv Profile

    [Reply]

  39. November 7th, 2009 at 23:11 | #39

    saya coba dulu pak mars.. ntar kalau gagal atau kurang lancar saya sowan lagi untuk minta bimbingan selanjutnya.. :)

    [Reply]

    mars Reply:

    Mari Gus…

    [Reply]

  40. November 7th, 2009 at 23:53 | #40

    modal minimal, tapi hasil maksimal.
    betul2 mantaps
    Postingan SEOnesia : Launching Be-Blog My ComLuv Profile

    [Reply]

    mars Reply:

    Makasih Mas… :D

    [Reply]

  41. November 7th, 2009 at 23:54 | #41

    heheh jadi pening juga lihatin warna yg kedap kedip, makasih share ilmunya pa
    salam,
    Postingan andif : Buah Nangka My ComLuv Profile

    [Reply]

    mars Reply:

    Jangan Pening Mas…
    Jangan Bening ajah :D

    [Reply]

  42. November 8th, 2009 at 02:36 | #42

    tak pikir tadi mister mau kasih saya bekel alias sangu :D
    Postingan Mengembalikan jati diri bangsa : Mengembalikan Jati Diri Bangsa dan Pengemis My ComLuv Profile

    [Reply]

    mars Reply:

    Om Khay jangan nyewek melulu !

    [Reply]

  43. November 8th, 2009 at 06:30 | #43

    trima masih ilmunya pak
    Postingan hadi : Penyebab Pagerank Turun My ComLuv Profile

    [Reply]

    mars Reply:

    Makasih Kembali Mas Hadi

    [Reply]

  44. November 8th, 2009 at 08:40 | #44

    Wah kapan-kapan bisa dicoba neeh om….. :D
    Postingan Rychan : Facebook Aspal!!! My ComLuv Profile

    [Reply]

    mars Reply:

    Semoga berhasil Mas Rychan

    [Reply]

  45. November 9th, 2009 at 17:20 | #45

    hehehe… makasih info-nya, Pak! :D
    Postingan tuteh : Confused For A Moment My ComLuv Profile

    [Reply]

    mars Reply:

    Sama2 Mbak Tuteh

    [Reply]

  46. June 9th, 2010 at 13:51 | #46

    Hebat…

    setelah berkenalan dari artikel tamu pak de kholik, akhirnya saya bisa bertemu dengan pak de Mars yang jago HTML.

    saya mau berguru boleh kan…?
    Postingan ImamS : Majalah Pengusaha Muslim Edisi TerbaruMy ComLuv Profile

    [Reply]

  47. June 9th, 2010 at 14:22 | #47

    Komenku udah masuk apa belum ya…???
    Postingan ImamS : Majalah Pengusaha Muslim Edisi TerbaruMy ComLuv Profile

    [Reply]

  48. nh18
    June 9th, 2010 at 20:22 | #48

    Trainer geleng geleng kepala …
    warnanya bisa berobah-robah begitu ya ..

    emang keren Mr Jason yang satu ini

    Salam saya Pak Mars

    [Reply]

  49. June 11th, 2010 at 13:16 | #49

    Yang bisa merubah warna itu tulisan “repeat” itu ya mas.
    Soalnya saya belum pernah ngrepeat
    Salam hangat dari Surabaya
    Postingan BlogCamp : Flash News : Saya Pamit !!My ComLuv Profile

    [Reply]

  50. June 11th, 2010 at 17:44 | #50

    keren disainnya boss… makasih tips-nya…
    Postingan Igo Oase : Blogging, Learning then EarningMy ComLuv Profile

    [Reply]

  51. June 12th, 2010 at 10:06 | #51

    wah keren pak..patut dicoba neh :D wah wah kayanya saya harus jadikan pak mars tadi marster saya ni :D
    Postingan kang ian : BerkurangMy ComLuv Profile

    [Reply]

  1. November 10th, 2009 at 20:10 | #1
CommentLuv Enabled