Efek Gambar Memutar

Rabu, 21 Juli 2010

Efek Gambar Memutar

Setelah pada postingan yang lalu membahas beberapa efek gambar seperti efek perbesaran dan efek redup/terang, maka kali ini efek gambar yang ingin saya bahas adalah efek gambar memutar. Contohnya bisa anda lihat pada gambar, yang sebelah kiri adalah kondisi gambar yang biasa, dan yang sebelah kanan adalah gambar yang memutar dan membesar pada waktu mouse hover.

Cara membuatnya? Begini.

1. Login ke Blogger, lalu, klik Rancangan > Edit HTML.

2. Backup template anda terlebih dahulu.

3. Cari kode ]]></b:skin>, lalu taruh kode berikut diatasnya.

.putar:hover{
-moz-transform:rotate(22.5deg) scale(1.50);
-webkit-transform:rotate(22.5deg) scale(1.50);
}

4. Kalau sudah, klik Simpan Template.

Live Preview!

Untuk memasukkannya ke blog, pilih Rancangan > Elemen Halaman > Tambah Gadget > HTML/Javascript. Lalu pada bagian isi ketikkan kode berikut:

<a href="LINKYANGDIINGINKAN"><img src="URLGAMBAR" class="putar"/></a>

LINKYANGDIINGINKAN adalah link yang diinginkan, sedangkan URLGAMBAR adalah URL dari gambar.

Anda juga bisa meletakkannya di postingan blog anda. Pada mode Edit HTML tentunya. Semoga bermanfaat!!!

Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

8 komentar:

Babtista mengatakan...: pertamaxx..tx infonya kang; 21 Juli 2010 pukul 06.15
Dayat mengatakan...: Keduak diamankan,,,

korban forum sebelah...

nice info deh...; 21 Juli 2010 pukul 20.17
Pradina mengatakan...: Bguss bngt info'e trutma buat klangna pelajjar .. :P; 24 Juli 2010 pukul 18.47
Software Komputer mengatakan...: Baru sempat mampir nih!
Liat-liat dulu....
Situsnya bagus nih!
apalagi artikelnya, menarik banget!
Saya seperti disuguhi makan enak!
hehehehehhehehe

Oia Kunjungan balik ya sob, ini blog saya
http://ilmu-komputer23.blogspot.com/
Salam kenal....; 26 Juli 2010 pukul 02.44
How to Detect Fake Pagerank mengatakan...: wah keren juga ni; 27 Juli 2010 pukul 13.01
Baju Anak Islami mengatakan...: Satu lagi...info keren..secara blog saya juga banyak makai gambar...yg satu ini bikin melek dan postingan jd gak ngebosenin...thanks ya; 5 Agustus 2010 pukul 08.32
Anonim mengatakan...: moz dan webkit itu nama variabel apa yah?; 27 Oktober 2010 pukul 14.15

Posting Komentar

Apa pandapat anda terhadap artikel ini? Berkomentarlah tanpa rasa malu, ragu dan takut.

Komentar diluar tanggung jawab pemilik blog. Jika anda berkomentar yang berbau pornografi atau sara, maka itu risiko anda sendiri.

Jika anda mengirimkan komentar spam, maka akan saya hapus.

Jika anda tidak ingin komentar anda ditampilkan, silakan kirimkan e-mail di halaman email me.

Jika anda ingin berceloteh bebas, silakan tuju halaman ini.

Anda dapat menggunakan beberapa tag HTML seperti , , , <a>, <strike>, , , dan lain-lain. Anda juga dapat menggunakan emoticon Plurk seperti (lmao) (taser) (haha).

Untuk link exchange bisa dilakukan dihalaman ini, sedangkan banner exchange dihalaman ini. Permintaan link exchange dan banner exchange selain dihalaman tersebut tidak akan dilayani.

Emoticon yang dapat digunakan [Tampilkan] [Sembunyikan]

:-))

:-)

:-D

(lol)

:-p

(woot)

;-)

:-o

X-(

:-(

:'-(

:-&

(K)

(angry)

(annoyed)

(wave) | (bye)

B-)

(cozy)

(sick)

(goodluck)

(griltongue)

(mmm)

(hungry)

(music)

(tears)

(tongue)

(unsure)

(highfive)

(dance)

(blush)

(bigeyes)

(funkydance)

(idiot)

(lonely)

(scenic)

(hassle)

(panic)

(okok)

(yahoo)

(cry)

(doh)

(brokenheart)

(drinking)

(girlkiss)

(rofl)

(money)

(rock)

(nottalking)

(party)

(sleeping)

(thinking)

(bringit)

(worship)

(applause)

8-)

(gym)

(heart)

(devil)

(lmao)

(banana_cool)

(banana_rock)

(evilgrin)

(headspin)

(heart_beat)

(ninja)

(haha)

(evilsmirk)

(eyeroll)

(muhaha)

(taser) | (rammi)

(banana_ninja)

(beer)

(coffee)

(fish_hit)

(muscle)

(smileydance)

(fireworks)

(goal)

(bzzz)

(dance_bzz)

(Русский)

(code)

(morning)

Cara menggunakan: ketikkan emoticon yang diinginkan. Untuk yang ada pemisah berupa "|" maka itu adalah alternatif. Seperti (wave) | (bye) maka bisa (wave) bisa (bye)