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

25 komentar :

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

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

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

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

    BalasHapus
  5. keren gan bisa langsung coba
    maksih ya

    BalasHapus
  6. salam persahabatan
    berkunjung silaturrahmi kawan

    BalasHapus
  7. bagus kawan infonya
    izin follow ya nomor 48

    BalasHapus
  8. @Free DownloadOkey Sama2,Silhk Di Coba

    @ImtikhanSaya Sdh Berkunjung Ke Blogx mas,makasi :D

    @DesySaya Sdh Follback,Makasi Yah Followx

    BalasHapus
  9. 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
  10. Bagus ini gan. Baru tau. Ane sedot yaa ... :10

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

    BalasHapus
  12. salam kenal
    nice share
    ijin follow sekalian sob

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

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

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

    BalasHapus
  16. 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
  17. @mine
    makasi sobat, :)
    okey menuju TKP nih
    okey...okey...

    BalasHapus
  18. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  19. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus

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