Home»Blogging How It Works»Image Sprites – Satu Untuk Semua

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

35 Comments | Permalink | Subscribe Post or Comment | Share Facebook or Twitter
This entry was posted on Monday, March 1st, 2010 at 11:50 and is filed under Blogging, How It Works. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Related Posts

  • Cross Browser Image Flip With CSS
  • CSS Border Image
  • Siapa Paling Atas Di Search Engine Result Page Untuk Kata Facebook
  • Terkepung Top Komentator
  • Jaga Image
  • Odometer Top Komentator

35 Responses to “Image Sprites – Satu Untuk Semua”

mayasaridotnet | March 1st, 2010 at 13:57

mbikinnya gimana tuh?

tinggaL kLak-kLik sana-sini… :D

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

[Reply]

hendro | March 1st, 2010 at 14:05

wah mantap sobat..

makasih, Pak… :)

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

[Reply]

Irawan | March 1st, 2010 at 17:37

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]

adi dzikrullah bahri | March 1st, 2010 at 18:24

nice…kreatif..salam kenal ya

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

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

[Reply]

sauskecap | March 1st, 2010 at 18:26

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]

marsudiyanto | March 1st, 2010 at 21:31

Wew…
Koepe Biroe ada di sitoe…

bLog ini makin hari makin sepi, Pak :( …

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

[Reply]

Pojok Pradna | March 1st, 2010 at 22:39

makin lama makin jos tenan kangmas siji kiye

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

[Reply]

fanz | March 2nd, 2010 at 12:55

bikinin tutorialnya dunk..

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

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

[Reply]

nakjaDimande | March 2nd, 2010 at 14:09

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]

shaleh | March 2nd, 2010 at 14:34

keren, kreatif.

makasih, Dab…

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

[Reply]

cantigi | March 2nd, 2010 at 15:04

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

makasih kembaLi, Kang… :D

[Reply]

Amink | March 2nd, 2010 at 15:56

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]

Rita Susanti | March 2nd, 2010 at 16:37

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]

achmad taher | March 2nd, 2010 at 20:56

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]

Muji | March 2nd, 2010 at 23:09

Semakin lama aku semakin turun

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

[Reply]

Aspirasiputih | March 3rd, 2010 at 05:11

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

padahaL saya ga pernah instal pLugin itu, Dab…

[Reply]

nakjaDimande | March 3rd, 2010 at 09:24

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]

kyaine | March 3rd, 2010 at 09:45

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]

heru | March 3rd, 2010 at 10:35

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]

tary | March 3rd, 2010 at 11:17

kreatif sekaleee…keren jadinya

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

[Reply]

richo | March 3rd, 2010 at 12:53

heheh baru tau namane image sprites

saya juga baru tau, Dab… :)

[Reply]

arkasala | March 3rd, 2010 at 13:52

kreatif dan inspiratif mas.
Salam sukses selalu :)

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

[Reply]

Alwi | March 3rd, 2010 at 14:47

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]

Kancanegondronx | March 3rd, 2010 at 18:13

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

[Reply]

annosmile | March 3rd, 2010 at 20:47

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

[Reply]

infoaja.com | March 4th, 2010 at 11:39

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]

Rita Susanti | March 4th, 2010 at 20:33

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]

isnuansa | March 5th, 2010 at 16:13

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

[Reply]

bundadontworry | March 6th, 2010 at 13:26

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

[Reply]

MonozCore | October 10th, 2011 at 12:06

Oke bgt infonya….
Semoga sukses gan….

[Reply]

Leave a Reply:

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