Home » Blogspot » Tutorial » » Membuat Efek Gambar Membesar dan Memutar Saat Kena Kursor

Membuat Efek Gambar Membesar dan Memutar Saat Kena Kursor

Senin, 31 Januari 2011 - 3:09 PM | 26 Comments | | Edit Entri
Membuat Efek Gambar Membesar dan Memutar Saat Kena Kursor Mouse -- Assalamualaikum, kesempatan kali ini saya akan membagikan tutorial tentang bagaimana memberikan efek pada gambar menggunakan CSS dan memasangnya di postingan blog. Silahkan lihat pada gambar dibawah Ini Sebagai Contohnya :


Membuat Efek Gambar Membesar dan Memutar Saat Kena Kursor sbb :


1. Login ke akun blogger anda
2. Jika telah berada pada Dashboard pilih Design --> Edit Layout --> Page Elements --> Edit HTML
3. Copy link berikut, lalu letakkan diatas kode ini : ]]></b:skin>
(Ctrl+F untuk mencari)
.memput:hover{
-moz-transform:rotate(22.5deg) scale(1.50);
-webkit-transform:rotate(22.5deg) scale(1.50);
}
4. Klik Save Template
5. Untuk mengaktifkan efeknya, kita harus melakukan pemanggilan CSS pada HTML, Ini Dia Kode Pemamanggilannya :
<img class="memput" src="http://i783.photobucket.com/albums/yy114/rrezkijitawwa/bannerrrrrrr.png" />
Merah adalah id CSS diatas, berfungsi untuk memanggil
Hijau Ganti dengan URL gambar anda.

Untuk Membuatnya Menjadi Link Kodenya seperti di Bawah :
<a href="Link Anda Di Sini"><img class="memput" src="http://i783.photobucket.com/albums/yy114/rrezkijitawwa/bannerrrrrrr.png" /><a/>
Biru Di Isi Dengan Link Yang anda Inginkan.

--. Postingan Sebelumnya Mengenai Efek Gambar

26 komentar :

  1. Kang Epot31 Januari 2011 pukul 19.16

    bagus sobat sharing disini, manfaat sekali buat orang yang ingin nampilin gambar ada efeknya :10

    BalasHapus
  2. Rezkiji31 Januari 2011 pukul 20.02

    @Kang Epot Okey.. Sama2 :18

    BalasHapus
  3. ZONA INDONESIA31 Januari 2011 pukul 20.53

    Wah keren juga untuk ditempel di blog.. namun ada pertanyaan dikit.. apakah gambar tsb bisa diklik kalu kita mencantumkan link.. Peace :)

    BalasHapus
  4. Rezkiji31 Januari 2011 pukul 21.09

    @ZONA INDONESIA Mungkin Sobat Tidak Baca Sampai Akhir,Ada Kok Saya Sisipkan Keteranganx, :20

    BalasHapus
  5. van31 Januari 2011 pukul 22.23

    mantap nih triknya.. boleh dicoba biar gambar2 di blog tampil menarik..

    BalasHapus
  6. Rezkiji31 Januari 2011 pukul 22.44

    @van Silahkan Mas :32

    BalasHapus
  7. Free Download1 Februari 2011 pukul 10.09

    keren gan bisa langsung coba
    maksih ya

    BalasHapus
  8. Unknown1 Februari 2011 pukul 10.11

    salam persahabatan
    berkunjung silaturrahmi kawan

    BalasHapus
  9. Desy1 Februari 2011 pukul 10.17

    bagus kawan infonya
    izin follow ya nomor 48

    BalasHapus
  10. Rezkiji1 Februari 2011 pukul 10.58

    @Free DownloadOkey Sama2,Silhk Di Coba

    @ImtikhanSaya Sdh Berkunjung Ke Blogx mas,makasi :D

    @DesySaya Sdh Follback,Makasi Yah Followx

    BalasHapus
  11. Bilbul1 Februari 2011 pukul 19.05

    Info disini amatlah bermanfaat semuanya. Makasih sudah berbagi ilmunya.

    Kalau ada waktu luang, mampir dan kalau bisa di bantuin komentnya
    http://bilbulsama.blogspot.com :34

    BalasHapus
  12. Rezkiji1 Februari 2011 pukul 20.15

    @Bilbul Okey Sobat.. Sama2 :25

    BalasHapus
  13. Virtual Forest1 Februari 2011 pukul 20.53

    Bagus ini gan. Baru tau. Ane sedot yaa ... :10

    BalasHapus
  14. Rezkiji1 Februari 2011 pukul 22.41

    @Virtual Forest Okey Bos,,Sedot saja,klo Perlu Ampe Kering,hehehe :33

    BalasHapus
  15. PONDOK DAUD1 Februari 2011 pukul 23.13

    salam kenal
    nice share
    ijin follow sekalian sob

    BalasHapus
  16. Rezkiji1 Februari 2011 pukul 23.35

    @PONDOK DAUD Oke Diterima sob :12

    BalasHapus
  17. aziscs13 Februari 2011 pukul 14.38

    Mantap, langsung dicoba

    BalasHapus
  18. Rezkiji3 Februari 2011 pukul 19.53

    @aziscs1 okey gan moga sukses :15

    BalasHapus
  19. Adhitya4 Februari 2011 pukul 22.42

    kang sip bgt,, mohon diberi tau tutorial related post n emot diatas postingan koment donk,, reques yah,,hehe

    BalasHapus
  20. rental laptop18 Februari 2011 pukul 15.37

    bagus banget ni caranya
    ane coba dulu gan
    thanks ya udah share

    BalasHapus
  21. Rezkiji18 Februari 2011 pukul 20.18

    @rental laptopsilahkan gan,,sama2 tas kunjungan n komentarx. :D

    BalasHapus
  22. mine3 April 2011 pukul 20.53

    info kk sangat bermanfaat dan membantu saya dalam mengedit blog yg baru saya buat..

    kk tolong kunjungi blog saya
    www.mine-warnawarni.blogspot.com

    dan tolong beri comentar apa yg kurang dan harus sya perbaiki dalam blog saya..

    mohon banuannya.

    :)

    BalasHapus
  23. Rezkiji4 April 2011 pukul 20.36

    @mine
    makasi sobat, :)
    okey menuju TKP nih
    okey...okey...

    BalasHapus
  24. Unknown7 Maret 2016 pukul 03.21

    Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  25. Simon7 Maret 2016 pukul 03.26

    Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  26. Unknown28 Desember 2016 pukul 19.52

    Looking to hire female independent Delhi escorts? Are you in doubt whether to hire a girl from a Delhi escort agency or not? Well, if you’ve decided t... Looking For an Escort Agency in Delhi.escorts in Delhi

    BalasHapus

Dimohon Untuk Tidak Melakukan KOMENTAR SPAM!!
- Memasukkan Link Aktif
- Promo/Iklan
- Komentar Tidak Sesuai Postingan
- Posting Berualang-Ulang

Langganan: Posting Komentar ( Atom )

Tiket Pesawat Murah - Promo

Kaos Dakwah Islami

Kaos Dakwah Islami

Kaos Dakwah IslamiKATALOG | RESELLER
TOP