.:: atjeh-joomla community / Generasi IT Aceh ::.

Membuat Efek Peel

Ditulis Oleh Fakhrullah Maulana

Senin, 09 November 2009

Semakin majunya teknologi mestinya teman teman mesti lebih kreatif dalam merancang sebuah website, dan kali ini saya akan membahas bagai mana membuat Effek Peel Seperti gambar berikut :

Layaknya sebuah buku, jika kita melihat halaman belakang dengan awalnya mengambil ujung halaman yang akan di buka.
Demikian tampilan ini...
Mari ikuti cara membuatnya.

Kita akan memakai layanan dari pihak ketiga saja biar mudah. Kunjungi
```
http://www.123-banner.com/
```
Pilih "Peel Banner"
Scroll jendela kebawah, klik "Choose Banner"
Klik "Browse" untuk mengambil gambar banner dari komputer Anda, dalam hal ini yang berformat JPG atau PNG. Klik "Upload"
Isilah "Small corner text:" dengan teks yang akan terlihat di (seolah-olah) halaman berikutnya, "Main text:" dengan teks yang akan terlihat waktu mouse diarahkan, "Backside text:" untuk teks yang akan terlihat dibalik lipatan" dan isilah "URL" dengan alamat website atau blog Anda. Pilih warna teks dan background. Klik "Submit Query"
Ambil Banner Peel dengan klik kanan "Click your right mouse here
to save the banner", pilih "save link as" pada menu short cut untuk menyimpan di kompiter Anda
Sekarang upload file swf yang Anda peroleh tadi ke sebuah server web seperti geocities, tripod, atau yang lainnya.
Sekarang buka akun blogger Anda, pilih "Tata Letak", "Edit HTML"
Cari kode <body>, taruh kode ini dibawahnya

<style type="text/css">
#peel { position:absolute; top:0px; right:0px; width:480px; height:480px; z-index:99; }
</style>
<div id="peel">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash8/cabs/swflash.cab#version=8,0,0,0"
id="name" width="480" height="480">
<param name="movie" value="letak file Anda sendiri" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed name="name" src="letak file Anda sendiri"
quality="high" wmode="transparent" width="480" height="480"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash">
</embed></object> </div>