• Sabtu, Oktober 09, 2010
  • Administrator
Sebelumnya saya ucapkan turut berduka cita atas wafatnya Gesang dan Hj. Ainun Habibie.  Semoga mereka diterima amal baiknya dan semoga keluarga yang ditinggalkan diberi ketabahan oleh Yang Maha Kuasa. Amin...

Pada postingan seminggu yang lalu kita membahas tentang efek redup-terang untuk gambar. Nah, kita juga akan membahas tentang efek gambar disini. Tetapi, efek gambar kali ini adalah ketika kursor mouse melintas di atas gambar tersebut maka gambar tersebut akan membesar. Biasanya ini sangat cocok untuk gambar yang berukuran 125x125. Contohnya seperti pada gambar di atas. Yang kiri adalah kondisi gambar pada saat biasa dan yang kanan adalah kondisi gambar pada saat kursor mouse melayang diatas gambar tersebut.

Sekedar catatan, tekhnik ini menggunakan CSS3 jadi tidak akan bekerja di Internet Explorer.

Langsung sajaa!!!

1. Login ke Blogger, lalu seperti biasa, klik Tata Letak > Edit HTML.

2. Backup template anda.

3. Cari kode ]]></b:skin>, lalu taruh kode berikut diatasnya.
.besar:hover{
-moz-transform:scale(1.25);
-webkit-transform:scale(1.25);
}
4. Kalau sudah, klik Simpan Template.

Untuk memasukkannya ke blog, pilih Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Javascript. Lalu pada bagian isi ketikkan kode berikut.
<a href="LINKYANGDIINGINKAN"><img src="URLGAMBAR" class="besar"/></a>
LINKYANGDIINGINKAN adalah link yang diinginkan, sedangkan URLGAMBAR adalah URL dari gambar.

Anda juga bisa meletakkannya di pastingan 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.


Related Posts:

  • CARA MENGHILANGKAN NAVBAR DI BLOGShow Hide Navbar with Animation ini mungkin akan menjadi jalan tengah bagai beberapa sobat blogger yang tidak suka navbar ikutan nongol di halaman blog. Dengan menggunakan CSS3, kita akan membuat navbar tersembunyi (hilang… Read More
  • CARA MEMASANG SLIDE SHOW DI BLOG DENGAN SLIDE.COMHai sob dalam postingan yang singkat ini klinik-it akan menjelaskan tentang bagaimana Cara Pasang Slide Show Foto Di Blog.Apa itu Slide Show Foto ? Slide Show Foto Adalah foto yang tampil secar bergantian. Slide Show Foto i… Read More
  • CARA MEMASANG SLIDE SHOW DI BLOGCoba anda lihat sidebar blog ini. Pada bagian kanan terdapat foto-foto yang berganti secara periodik. (Mungkin) inilah yang disebut slideshow.Tertarik untuk membuatnya? Hitung-hitung numpang nampang gitu.Dalam slide show in… Read More
  • INILAH KEGILAAN PARA BLOGGERWOW!! BLOGGER MASUK!! Toilet ini Memang Khusus Diciptakan untuk para Blogger Sedunia. Ngeblog dimana saja dan kapan saja itulah kebiasaan Blogger sejati hal seperti inilah yang membuat seseorang untuk menciptakan toilet khu… Read More
  • CARA MEMBUAT SCROLLER KOMENTAR DI BLOGPembuatan box kolom komentar dimaksudkan untuk membuatnya menjadi terlihat lebih rapi, lebih sedikit memakan ruang dan tentunya lebih mempermanis halaman blog. Agar ruang untuk menuliskan komentar lebih longgar kita akan p… Read More

BTemplates.com

Categories

Kamera CCTV Palembang

Popular Posts

Blog Archive