Membuat Efek Refleksi Pada Gambar di Blog

Terdapat berbagai macam efek yang bisa anda terapkan pada gambar anda, salah satunya adalah membuat efek refleksi pada gambar di blog. Efek refleksi ini, bila dipasang pada gambar, maka gambar akan terlihat seperti memiliki bayangan pantul yang terlihat samar. Contohnya seperti gambar di bawah ini.

Membuat Efek Refleksi Pada Gambar di Blog

Sebelum anda menambahkan kode script pada halaman HTML Template anda, sebaiknya anda mem-backup template anda terlebih dahulu. 

Step 1

Masuk ke halaman dashboard > Template > HTML > Expand widget template

Step 2

Letakkan kode berikut di atas kode  </head> 

<script src='http://the-kampoeng-blogger.googlecode.com/files/reflection.js' type='text/javascript'/>

Step 3

Ganti halaman post dari compose ke HTML

Step 4

Letakkan kode berikut, dimana saja anda ingin meletakkan gambar

<img src="URL GAMBAR" class="reflect"/> 

Silahkan anda mengganti kata URL GAMBAR dengan URL gambar anda.

Bagaimana? cukup mudah kan?
Selamat mencoba!
Wassalam.

Written by: Rysmah Zainal Arifin

The Kampoeng Blogger, Updated at: 1:10 AM

Posted in: Body , Efek , Gambar