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 :
(Ctrl+F untuk mencari)
5. Untuk mengaktifkan efeknya, kita harus melakukan pemanggilan CSS pada HTML, Ini Dia Kode Pemamanggilannya :
Hijau Ganti dengan URL gambar anda.
Untuk Membuatnya Menjadi Link Kodenya seperti di Bawah :
--. Postingan Sebelumnya Mengenai Efek Gambar
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{4. Klik Save Template
-moz-transform:rotate(22.5deg) scale(1.50);
-webkit-transform:rotate(22.5deg) scale(1.50);
}
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
Langganan:
Posting Komentar
(
Atom
)
bagus sobat sharing disini, manfaat sekali buat orang yang ingin nampilin gambar ada efeknya :10
BalasHapus@Kang Epot Okey.. Sama2 :18
BalasHapusWah keren juga untuk ditempel di blog.. namun ada pertanyaan dikit.. apakah gambar tsb bisa diklik kalu kita mencantumkan link.. Peace :)
BalasHapus@ZONA INDONESIA Mungkin Sobat Tidak Baca Sampai Akhir,Ada Kok Saya Sisipkan Keteranganx, :20
BalasHapusmantap nih triknya.. boleh dicoba biar gambar2 di blog tampil menarik..
BalasHapus@van Silahkan Mas :32
BalasHapuskeren gan bisa langsung coba
BalasHapusmaksih ya
bagus kawan infonya
BalasHapusizin follow ya nomor 48
@Free DownloadOkey Sama2,Silhk Di Coba
BalasHapus@ImtikhanSaya Sdh Berkunjung Ke Blogx mas,makasi :D
@DesySaya Sdh Follback,Makasi Yah Followx
Info disini amatlah bermanfaat semuanya. Makasih sudah berbagi ilmunya.
BalasHapusKalau ada waktu luang, mampir dan kalau bisa di bantuin komentnya
http://bilbulsama.blogspot.com :34
@Bilbul Okey Sobat.. Sama2 :25
BalasHapusBagus ini gan. Baru tau. Ane sedot yaa ... :10
BalasHapus@Virtual Forest Okey Bos,,Sedot saja,klo Perlu Ampe Kering,hehehe :33
BalasHapussalam kenal
BalasHapusnice share
ijin follow sekalian sob
@PONDOK DAUD Oke Diterima sob :12
BalasHapusMantap, langsung dicoba
BalasHapus@aziscs1 okey gan moga sukses :15
BalasHapuskang sip bgt,, mohon diberi tau tutorial related post n emot diatas postingan koment donk,, reques yah,,hehe
BalasHapusbagus banget ni caranya
BalasHapusane coba dulu gan
thanks ya udah share
@rental laptopsilahkan gan,,sama2 tas kunjungan n komentarx. :D
BalasHapusinfo kk sangat bermanfaat dan membantu saya dalam mengedit blog yg baru saya buat..
BalasHapuskk 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.
:)
@mine
BalasHapusmakasi sobat, :)
okey menuju TKP nih
okey...okey...
Komentar ini telah dihapus oleh administrator blog.
BalasHapusKomentar ini telah dihapus oleh administrator blog.
BalasHapusLooking 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