Cara membuat Gambar Jadi Besar Bila Di sentuh Cursor

Selanjutnya untuk membuat gambar membesar bila disentuh cursor anak panah,akan menuliskan kode nya di bawah nanti,Artinya apabila cursor anak panah diarahkan ke image, gambar akan menjadi besar.


1crusor

Untuk bikin betah dan semenarik mungkin sebuah blog tidak ada salahnya kita memperindah atau mempercantik sebuah blog kita salahsatunya dengan Cara membuat Gambar Jadi Besar Bila Di sentuh Cursor,mari kita simak cara dan bagaimana cara menempatkannya dengan mudah :

Hanya perlu memasukkan kode HTML Berikut di dalam template:

1.Dashboard > Template > edit HTML
2.Expand Template Widget dan tick F3 atau CTRL + F bersamaan dan cari kode

<head>

3.Letakkan kode di bawah ini di bawah <head>

    <style>
    .post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2); }
    </style>

4.Tekan pratinjau dan simpan template.

Selamat mencoba

Iklan

Komentari

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s