Cari Artikel

Selamat datang! di blog The Kampoeng Blogger , silahkan tinggalkan pesan di kolom komentar bila terdapat kode yang error.

March 05, 2013

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.

efek refleksi pada gambar di blog

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

0 comments :

Tinggalkan Komentar Anda di Sini:

Komentar yang mengganggu, berbau SARA, porno, mengandung iklan dan mencantumkan link aktif akan segera kami hapus.
Terimakasih atas perhatiannya.