MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda


SYAMSUDINNAMAKU telah hadir

Cara Membuat Efek Zoom Seri 3


Efek zoom seri 3 ini tetap menggunakan kekuatan
1 (satu) gambar dalam pemakaian kodenya. Sebelum
anda memasangnya, lihatlah dahulu contohnya.
Silahkan letakkan dan lepaskan cursor anda tepat
di atas gambar gadis cantik di bawah ini :






















Bila anda ingin membuat efek zoom seri 3 ini di blog anda,
ikutilah langkah memasangnya seperti berikut ini :

1.  Rancangan -> Tambah Gadget
     Pilih HTML/JavaScript lalu masukkan kode
     di bawah ini dalam kontennya :



2.  Kemudian masuk ke Edit HTML.

3.  Jangan lupa untuk selalu memback-up
     template anda, untuk berjaga-jaga bilamana
     terjadi kesalahan dalam penempatan kodenya.

4.  Carilah kode </head>

5.  Di atas kode </head> ini, letakkanlah
     kode JavaScript sebagai berikut :



6.  Masih di Edit HTML.
     Cari lagi kode </b:skin>

7.  Di atas kode </b:skin> ini, letakkanlah
     kode CSS berikut ini :



KETERANGAN :

Ubahlah ukuran width: & height:-nya,
sesuaikan dengan ukuran gambar anda.

Bila anda menemukan kode <br />
dalam kode-kode di atas, hilangkanlah kode tersebut
lalu turunkan ke bawah kode yang setelahnya.
( hal ini berlaku untuk semua kode-kode
tutorial di blog ini agar kodenya dapat berfungsi
atau bekerja sebagaimana mestinya )

Contohnya pada kode di atas, susunan
kodenya akan menjadi seperti ini :

.zoomimg{
margin:5px;
position:absolute;
}

.zoom {
float:left;
list-style:none;
margin:0;
padding:10px;
}

Dan seterusnya .......

Selamat mencoba, good luck!


2 comments:

Punggawa mengatakan...

Keren mas. jadi kepengen masang juga.

Syamsudin mengatakan...

Dgn senang hati bila mas suka.

Posting Komentar