Cara Membuat Effect Berputar Dan Zoom Pada Setiap Gambar Di Postingan


Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Zoom Pada Gambar Di Blog", dan "Cara Membuat Effect Terang dan Gelap Pada Gambar" dan sesuai permitan salah satu Sobat Blogger, Saya Posting Tips ini. Sebagai contoh Kalian bisa melihat pada Gambar di atas, atau pada setiap Postingan Gambar di blog ini, dan lorot kursor Kalian ke arah gambar. OK, ditak usah berlama-lama, kita langsung ke langkah-langkahnya.

[1]. Pertama, pastinya LogIn dulu ke BLOG Kalian.
[2]. Kemudian dari Dasbor, cari Template --> Edit HTML.
[3]. Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>.
[4]. Kemudian CoPas Code di bawah tepat di ATAS Code ]]></b:skin>.
.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}
[5]. Terakhir tinggal di SIMPAN dan lihat hasilnya.

OK,sekian Tips Blogger kali ini, semoga Tips ini bermanfaat buat Sobat Blogger semuanya, dan buat Sobat Blogger yg sudah Request, semoga  sudah terjawah pertanyannya.

Salam Blogger Indonesia.

25 komentar:

Miftahul Huda mengatakan...

thanks sob ataas artikelnya,
kapan" saya akan berkunjung lagi...

salam blogger .. :)

Ngurah Jumaika mengatakan...

@Miftahul Huda : sama2 gan. Terima Kasih atas kunjungan dan komentarnya....

Muhammad Risdiyanto mengatakan...

kunjungan pertama nih ....

mampir juga yah di Blog Newbie saya ....

http://campur-aduk.cyber4rt.com/

Ngurah Jumaika mengatakan...

@Muhammad Risdiyanto : thank's gan atas kunjungan dan komentarnya, dan di tunggu ya kunjungan dari Saya...

jepri A. mengatakan...

bagus.bagus nih infonya... salam kenal....

Ngurah Jumaika mengatakan...

@jepri A. : salam kenal juga Gan, thank's atas kunjungan dan komentarnya...

Rudy Hartono mengatakan...

makasih infonya sangat bermanfaat sekali, nice posting

Ngurah Jumaika mengatakan...

@Rudy Hartono : sama2 Gan, thank's jga atas komentar dan kunjungannya...

AryKame mengatakan...

makin tambah nih koleksi effectnya :D

Ngurah Jumaika mengatakan...

@AryKame : hahaha iya gan,...

Surya.C.G mengatakan...

makasih nih postingan,a,,
Saya sengaja copas biar ga lupa,,
gpp kan bro,,??

Ngurah Jumaika mengatakan...

@Surya.C.G : gpp brow, silahkan saja....

putra bungsu mengatakan...

mksh gan,,,, nice artecel

Ngurah Jumaika mengatakan...

@putra bungsu : OK, sama2 Gan...

nyoman herman ardika mengatakan...

wah keren nih postingan nya ...
yan ghini ni bermanfaat buat blogger pemula
thanks gan
salam blogger indonesia

erlangga mengatakan...

thenks gan tricknya..
jangan lupa mampir ke blog Ilmu juga ya...

Deff Rochell mengatakan...

thank bro

su temon mengatakan...

mantap gan ijin comot

Denz Nukazep mengatakan...

Mantapp gan,,
Terimakasih Tutorialnya!!

Blog Agan udah di pajang di blog ane!
cek aja nukazep.blogspot.com

#maaf blog nya berantakan,+ masih pemula dan postingan juga dikit!!

Denz Ahmad mengatakan...

ane pindah ke psantrenonline.blogspot.com

NGEBLOG BARENG |NTU| mengatakan...

izin ambil source code nya braay..
jika kurang besar ngezoom'a bisa di edit..
'transform:scale(1.2)' ke 'transform:scale(1.4)'
sesuai ke ingin-an..

kunjungan balik | www.restu1ntu.blogspot.com |

Bagas Maulana Akbar mengatakan...

Makasih banyak :D bermanfaat sekali :)

Rahman Rudianto mengatakan...

WOW Sob

prayogi yogi mengatakan...

nice ty gan

enha adib mengatakan...

trimakasih informasinya sob, mmng aku lagi cari-cari ini
http://adibenha.blogspot.com

Posting Komentar