Nampilin gambar animasi transparan di blogger

Hari ini nyoba masukin kaoani (animasi emoticon) ke blog ini dari anikaos.com. Pake cara tradisional aja, salin dan tempel URL gambarnya.
Pas di jalanin loh loh loh.... Gambar yang aslinya tembus pandang koq jadi ada kotak putihnya. Otak atik gambarnya ga pengaruh .
Curiga CSS-nya nih. Masa sih mesti ngubek-ngubek templatenya , males banget!!
Ga pake lama, langsung tulis "transparent gif blogger" di kotak pencarian google tersayang.
Nemu http://www.google.com/support/forum/p/blogger/thread?tid=05e499cf8c706edb&hl=en yang memang ngebahas ni permasalahan. Ada mbak Merliny yang ngejelasin penyelesaiannya.
Katanya sih masalah ini cuma muncul kalo kita make template "Simple" atau "Watermark" doang.
Jalan keluarnya pun ternyata sederhana aja, edit templatenya, trus cari:

.BlogList .item-thumbnail img {
padding: 5px;

background: #fff;

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

trus ganti deh #fff jadi transparent

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 5px;

background: transparent;

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}


setelah di uji... ahaaaa....!!! Kotak putihnya hilang, tapi koq tetep ada kotak yang membayang yah...
hmmm... ternyata tinggal nol kan aja ukuran bayangannya

dari:

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);


menjadi:

-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .5);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .5);

Lihat lagii...h... SELESAI!!!