Image Sprites – Satu Untuk Semua

March 1st 2010 | Posted by Hari Mulya

Gambar di bawah ini adaLah gabungan dari gravatar saya dan beberapa top komentator buLan Februari lalu di bLog ini yang dijadikan satu fiLe yang saya kasih nama top-komentator.jpg (saya beLum minta ijin kepada yang punya, meski begitu pasti saya diijinkan :D ). Gambar yang cuma satu ini ternyata bisa digunakan untuk bermacam-macam kebutuhan :D , tanpa harus meLoad banyak gambar yang tentunya akan menghemat bandwidth. Teknik ini konon namanya adaLah Image Sprites.

top-komentator.jpg

Contoh 1. Gambar bisa dipecah beLah dan diambiL satu persatu.

Blogger-bLogger ini saya urutkan berdasarkan top komentator di Hari Mulya dot com.

Contoh 2. Gambar bisa digunakan sebagai hover seperti ini:

Disadari atau tidak, bLogger-bLogger ini punya kesamaan. Kelompok pertama sama-sama wanita, kelompok kedua sama-sama guru (ups paLing tidak yang satu guru, yang satu caLon guru :D ), sedangkan kelompok ketiga sama-sama buruh IT :D .

Incoming Search Terms:

memisahkan gambar sprite, background cinta, contoh2 gambar rumah jpg, download pict kata rayuan untuk kekasih, gambar browser gif, macam-macam bar dan cara penggunaan, macam-macam bar di web, nama border pada blog

Related Posts

35 Responses to “Image Sprites – Satu Untuk Semua”

mbikinnya gimana tuh?

tinggaL kLak-kLik sana-sini… :D

.-= mayasaridotnet´s last blog : Maknyuu.Us: Another Blogsite of Mayasari =-.

[Reply]

wah mantap sobat..

makasih, Pak… :)

.-= hendro´s last blog : DEFINISI bagian-2 =-.

[Reply]

Sekarang aku amat2in maenannya HTML terus nih…. cangih…

saya orang ngapak, juga ga meLulu pake ngapak…

.-= Irawan´s last blog : Irawan & the Olympians: The Lightning Thief =-.

[Reply]

nice…kreatif..salam kenal ya

saLam kenaL juga, Dab..
sering-sering berkunjung ya… :D

.-= adi dzikrullah bahri´s last blog : Petamasadepan Teladan =-.

[Reply]

Saya niat pasang komentator buat bulan februari kemaren tapi lupa… tau2 dah bulan maret…

saya mau membiasakan merekap top komentator tiap buLan,
untuk posting di awaL buLan berikutnya, mBa..
dengan cara yang berbeda-beda tentunya…

[Reply]

Wew…
Koepe Biroe ada di sitoe…

bLog ini makin hari makin sepi, Pak :(

.-= marsudiyanto´s last blog : Excel Mens =-.

[Reply]

makin lama makin jos tenan kangmas siji kiye

ya kaya kiye tok lah,
wong nyong teyenge mung kaya kiye…

[Reply]

bikinin tutorialnya dunk..

wadoh.. saya ga bisa bikin tutoriaL.. :(
kan dkLik kanan juga bisa, Dab… :D

.-= fanz´s last blog : Kritikan Mr. asdf =-.

[Reply]

cihuyy, sempat masuk di rekap bulanannya Hari :)

bundo senang cara Hari memisahkan foto dan menyusunnya kembali berdasarkan kelompok, sehingga memungkinkan bundo berada di kelompok pertama itu bersama nunik :P

**pokoknya senang klo gravatar bundo berada di depan si koepoe biroe

padahaL ga disengaja lho Bundo…

[Reply]

keren, kreatif.

makasih, Dab…

.-= shaleh´s last blog : Ricuhnya, Paripurna Pansus Hak Angket Century =-.

[Reply]

maaf mas hari, plugin sy agak brantakan, blogroll udh sy update lg, tq udh diingetin ya.. ^^

makasih kembaLi, Kang… :D

[Reply]

hhhmm…SOre Mas,
apakah bisa disharing how to nya??

nuhun

saya kaLo dsuruh bikin gituan ga bisa, Dab.. :(
mending kLik kanan aja, kn ada sourcenya..
saya lagi mempeLajari gmn cara menyajikan caranya…

[Reply]

Wah oneday jadi guru buat kita-kita dunk Har, gimana caranya bikin kayak begonoan:)
Mantabbbbsss & kerrreeeeenzzzsss….:D

yang mantab & keren tu postingannya atau saya, mBa? :D

.-= Rita Susanti´s last blog : Sepuluh Sifat Baik =-.

[Reply]

Rita Susanti | March 3rd, 2010 at 08:49

ya jelas postingannya lah!!!, dan orang2 yg diceritain di postingan itu kecuali yg nulis hehehe…*piiisss

mbok ya emaiLnya dikasih gravatar gitu, biar keren..
ms kosongan gitu…

.-= Rita Susanti´s last blog : Sepuluh Sifat Baik =-.

[Reply]

salam kenal sobat…baru kenal langsung koment diblog sobat…visit me back ..klo boleh sih turlink sobat…

saLam kenaL juga, Dab..
makasih kunjungannya..
segera ke TKP…

.-= achmad taher´s last blog : Cuma Pasang Banner Dapat Dollar =-.

[Reply]

Semakin lama aku semakin turun

skrg dah punya modem sendiri..
pasti bisa naek lg…

[Reply]

Keren..mantaapp gan, wah..aku mencium plugin PHP excec di blog ini hehe, thanks sharingnya ^^

padahaL saya ga pernah instal pLugin itu, Dab…

[Reply]

Bundo maen di sini aja deh, Hari sedia teh? bundo kan ngga suka kopi.

saya juga sudah mengurangi kopi, Bundo..
sekarang mau mensubtitusi kopi dengan susu saja…

[Reply]

kyaine | March 3rd, 2010 at 09:58

saya sungguh terkejut membaca komeng bundo di padeblogan mengenai kunjungan silaturahmi saya ke rumah Hari.
**pagi ini saya belum ngopi. saya rindu menikmati kopi di pagi yg sejuk di Kalikabong :)

kyaa.. tau Kalikabong juga rupanya..
*itu daerah mana ya? ;) )

[Reply]

hwa.. Hari kreatif.. sangat :D
saya sih masih pake plugins yg konvensional untuk menentukan top komeng mingguan

pLugin recent commentnya jg keren..
saLut buat bLog Kyaine yang enteng sangad…

[Reply]

horay masuk lagi hehehe

ditunggu dab makan2nya :D

ha..ha..
makan di dunia maya saja…

[Reply]

heru | March 3rd, 2010 at 10:42

ini image biasa toh?

iya, image biasa, ga pake pLugin ataupun php..
(bosen dkantor ngutak2 php terus) :D
dipotong2 dan ditampiLkan dengan HTML…

[Reply]

andi | March 3rd, 2010 at 22:38

makan makan ru… :)

[Reply]

kreatif sekaleee…keren jadinya

saya tak pernah sekeren ini sebeLumnya, mBa…
(yang keren yang punya bLog ini kan?)

[Reply]

heheh baru tau namane image sprites

saya juga baru tau, Dab… :)

[Reply]

kreatif dan inspiratif mas.
Salam sukses selalu :)

terimakasih..
mudah2an bisa terus memberi inspirasi :D dan terus kreatif…

[Reply]

Mantab Kang… Image Sprites juga bisa digunakan untuk modifikasi theme/template biar loading jadi cepat dan pas untuk salah satu cara mengirit jatah bandwidth cuman agak jlimet ngoprek CSS nya ….

iya, musti ngutak2 CSS nya, n mesti nyiapin gambar juga… :D

.-= Alwi´s last blog : Browser Terbaru Chrome Bisa Terjemahkan Website =-.

[Reply]

Alwi | March 3rd, 2010 at 15:01

OOTP : di beberapa komentar saya lihat sering pakai istilah Dab … apa Dab yg dimaksud itu Mas/Kang …???

ha..ha..iya..
tepatnya DAB = MAS..
biasane orang Jogja yang ngomong pake DAB..

.-= Alwi´s last blog : Browser Terbaru Chrome Bisa Terjemahkan Website =-.

[Reply]

Sayangnya cuman dpajang dblog, bukan daplikasikan d tempat kerja dmana anda bernaung..sy cuma sering denger 1 jwbn : HUBM!!..nothing solved…

[Reply]

pak mars jadi top komentator ya
pengen nyoba image sprites neh
.-= annosmile´s last blog : Cemoro Lawang Gate, Bromo Tengger Semeru National Park =-.

[Reply]

wah ada mas heru…
yang bikinin plugin top komeng di yosbeda.com..
oya ini yos mas (yosbeda.com) link mas sudah terpasang di halaman linklunk yosbeda.com, btw lama ngga blogwalking nie juga ngga update ni mas, abis ngurusin tampilan baru 2 blog saya lum rampung2, hehe

[Reply]

Berkunjung di malam hari…Hmm, sepertinya ada yg berubah deh Har pada halaman komen, kok enggak ada fasilitas Reply lagi???, ini teh sengaja atau sedang error?

[Reply]

Kenapa komentar ditutup ya di posting terbaru? Padahal saya udah ngibrit ke sini cari pertamax…

[Reply]

tiap kali kesini selalu saja ada yg dahsyat dan kreatif sangat.
salam
.-= bundadontworry´s last blog : Alhamdulillahirobbil alamiin =-.

[Reply]

Oke bgt infonya….
Semoga sukses gan….

[Reply]

Leave a Reply:

Name (required):
Mail (will not be published) (required):
Website:
Comment (required):