Selasa, 13 Oktober 2009

Reflection V 2.0

Hai-hai kawan's, Beben Coy Koben datang lagi nih. Cekarang aku membawa artikel/postingan tentang reflection. Mungkin kawan's akan bertanya-tanya apa itu reflection. Dijelaskan mah cucaaah...nih dalam bentuk image ajah.

bebenpic

Gimana...cantik kan contoh gambarnya, Xixixixi... Tapi bukan itu yg dimaksudkan dengan reflection. Perhatikan bagian bawahnya !!! Ada bayangannya kan !!! Kerennn...bagi yg suka begaya-gaya buat penampilan blognyah, yukk kita kemon gimana cara mendapatkannya.
Pertama-tama yg perlu kawan's perhatikan adalah ini
  • Internet Explorer 5.5+
  • Mozilla Firefox 1.5+
  • Google Chrome (all versions)
  • Safari 2+
  • Opera 9+
Teknik ini support terhadap entuh. Buat lebih jelas tentang aturannya silahkan kunjungin Online Read Me. Yuk kita lanjutin acaranyah haLLaaahhh. Pertama-tama, ucapkan Basmallah...sudah itu silahkan donlod script berikut ini Reflection Js. Setelah beres didonlod scriptnyah, silahkan hosting script yg tadi di hostingan kawan's masing² ^.^.
Setelah beres semuanya, silahkan letakkan script tersebut tepat diatas/sebelum tag </head>. Setelah entuh sisipkan CSS berikut inih sebelum/diatas kode ]]></b:skin>.

.reflect {
border:none;
rheight:75%;
ropacity:100%;
clear:both;
}

Enter the URL of an image:

Nah kalau kawan's mau merubah rheight dan ropacitynyah silahkan masukkan URL gambar kawan's kedalam situh. Entar akan ada gambarannya Loh. Hohohoho...^,^.
Langkah yg terakhir nih, untuk memanggil efek reflection dipostingan kawan's...kawan's tinggal mengetikkan seperti inih :

<img class"reflect" src="URL-Link Gambar Kawan's">
Kalau kawan's mau effect gambar yg lain dan lebih edan-edan lagih, silahkan kunjungin Ken’s Tech Tips.
Udah ah segitu dolo...Good Luck dan Happy Blogging ^.^' WassaLam

Tidak ada komentar:

Posting Komentar