Cara Membuat Efek Raster Pada Gambar: Panduan BloGGeR Efek

Banyak sekali hal sederhana ternyata mampu memberikan suatu hasil yang tidak terduga. Efek raster adalah salah satunya. Hanya dengan memanfaatkan sebuah gambar berbentuk raster yang dipadukan dengan obyek gambar utama yang justru dijadikan sebagai background, maka jadilah sebuah obyek baru dengan bentuk gambar raster.

Contoh di bawah ini adalah sebuah obyek gambar yang diberi efek raster :

Cara membuat efek raster :

Gunakan KODE berikut saat melakukan posting dalam bentuk gambar !

<img src="Raster.gif" style="background:#000 url(Image.jpg);width:390px;height:377px;border:4px solid #666;"/>

Keterangan/Catatan :

1. Raster.gif adalah gambar berbentuk raster (berlobang-lobang).
2. Image.jpg adalah gambar utama yang akan ditampilkan.
3. Berikan ukuran width dan height sesuai ukuran gambar utama (image.jpg).
4. Di bawah ini adalah contoh KODE yang dilengkapi gambar raster dan obyeknya yang juga saya sertakan beberapa link raster dengan ukuran berbeda yang mungkin diperlukan. Silahkan untuk dicoba.
   
   • Contoh KODE yang dilengkapi link raster dan obyek :
   <img src="https://sites.google.com/site/gubhugreyotprojects/image-effects/raster-effect/bgsGR_blackRaster-2.400.gif" style="background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMbleNjlXgfxcTkV6LLmErFiubrT8vxP4MLpQmHhRChNS53hbaVpl5hGAoMdVQ_a0-XztrA76evq4W-WIiRxOZ9rptfkH5YQARt8qElygaVz13uMhNTw71TojD_747cPucAfOtD3uMs9s/s400/gadisku.jpg);height:387px;width:400px;"/>
   • Raster dengan ukuran 150px x 150px :
   https://sites.google.com/site/gubhugreyotprojects/image-effects/raster-effect/bgsGR_blackRaster-2.150.gif
   • Raster dengan ukuran 200px x 200px :
   https://sites.google.com/site/gubhugreyotprojects/image-effects/raster-effect/bgsGR_blackRaster-2.200.gif
   • Raster tipis dengan ukuran 180px x 240px :
   https://sites.google.com/site/gubhugreyotprojects/image-effects/raster-effect/bgsGR_blackRaster-1.180.240.gif.