Cara buat efek zoom pada image dalam post - Efek 1 - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul Cara buat efek zoom pada image dalam post - Efek 1, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Cara buat efek Zoom pada image dalam post - Efek 1, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara buat efek zoom pada image dalam post - Efek 1
link : Cara buat efek zoom pada image dalam post - Efek 1

Cara buat efek zoom pada image dalam post - Efek 1

Cuba klik gambar di bawah:

Apabila diklik, gambar tersebut akan auto zoom in dan zoom out. Dan yang menariknya, cara zoom in dan zoom out ini mempunyai kesan khas yang menakjubkan. Ikuti tutorial di bawah untuk mengaplikasikan trick ini pada blog anda:

1) Sign in akaun blogger anda

2) Dashboard > Design > Page Element > Add a gadget > Html / Javascript

3) Copy paste kod di bawah pada ruang Html / Javascript tadi

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="
https://sites.google.com/site/jombinabelogefekzoom/jombinabelog-efekzoom.js" type="text/javascript">

</script>

4) Save

Untuk langkah seterusnya:

1) New post > buka tab Edit Html (sebelah compose)

2) Letak kod di bawah bersama dengan url gambar yang anda hendak post nanti (pastikan anda letak kod ini pada ruang edit html, bukan compose):
<img src="url gambar di sini"

class="magnify" data-magnifyby="2" style="width:200px; height:150px cursor: url(magnify.cur), -moz-zoom-in; " />

Nota:

url gambar di sini - url gambar anda
200 dan 150 - saiz lebar dan tinggi gambar

contoh:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtC9NqjQj8J-dECYkBSuA45cDVw8-yDSINYY4FIXiN_MQSBvrUTh0LvLn2fuftnp0pmNc9WXbBrkDlNcUpkswab7n_iqP8LoVreUL3MRseXvJCQ3x07AwLWe5Ln4nVYNo2fivKnipRpkg/s400/040.gif" class="magnify" data-magnifyby="2" style="width:130px; height:130px cursor: url(magnify.cur), -moz-zoom-in; " />

Demikianlah Artikel Cara buat efek zoom pada image dalam post - Efek 1

Sekianlah artikel Cara buat efek zoom pada image dalam post - Efek 1 kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara buat efek zoom pada image dalam post - Efek 1 dengan alamat link http://carasignup.blogspot.com/2011/12/cara-buat-efek-zoom-pada-image-dalam_77.html

Tweet