Posted by : Yans
Sabtu, 11 Mei 2013
Malam sobat blogger, setelah seharian membongkar template blog saya yang baru, kali ini saya akan memposting tips membuat efek zoom pada gambar yang baru saja saya pelajari dari blog-nya
Mas Chayoy dan sepertinya berhasil di blog saya. Jadi saat mouse sobat diarahkan ke gambar di postingan blog, maka gambar tersebut akan membesar seperti di-zooming. Tentunya efek ini akan memberikan sedikit variasi di blog kita sehingga blog sobat menjadi lebih "berwarna" dengan harapan para pengunjung blog tidak cepat bosan.
Untuk membuat efek tersebut caranya sangat mudah dan tidakbegitu sulit, langkah - langkah yang harus sobat lakukan yaitu :
- Loginlah ke Dasboard Blogger
- Pilih menu Tata Letak lalu klik Edit HTML
- Tekan Ctrl + F untuk mencari string : ]]></b:skin>
- Copy kode di bawah ini tepat di atas string tadi
.post img, table.tr-caption-container {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
} |
|---|
- Ganti angka 1.5 berwarna merah dengan ukuran zoom sesuai selera sobat
- Tekan Save Template
- Selesai
Sampai di sini sudah selesai proses pembuatan efek zoom-nya. Silahkan sobat lihat perubahannya. Mudah - mudahan sobat berhasil.
Semoga bermanfaat.
Hallo sobat blogger, setelah vakum cukup lama, rasanya saya sangat kangen untuk melanjutkan kehidupan blog ini. Kali ini saya akan me-r...
Assalamu'alaikum sobat blogger, beberapa hari saya tidak update isi blog ini. Maklum kondisi jaringan internet tidak selamanya bagus ...
Halo para sobat blogger, sepertinya udah lama saya tidak mengupdate isi blog ini. Yah maklum belum ada pulsa untuk Online sich... Nah ...
Assalamu'alaikum sobat blogger. Lebaran tinggal menghitung "JAM" lagi sepertinya, jadinya kesibukan di dunia maya sepertinya ...
Assalamu'alaikum sobat blogger. Kali ini saya kembali akan menshare beberapa desain spanduk kepada para pengunjung @SYA.COM. Desain k...
Assalamu’alaikum sobat blogger, senang bisa melanjutkan postingan di blog saya ini lagi. Setelah 2 hari “berperang” dengan virus Ra...
Sobat blogger, pada kesempatan kali ini saya akan membagikan sebuah software yang berfungsi untuk mengunci dan melindungi File/Folder da...
@sya.com adalah sebuah usaha Digital Imaging dan Digital Photo Studio. Usaha kami terletak di Jl. Keramat Kubah no. 9 Huta III Perdaga...
Assalamu'alaikum sobat blogger. sebelumnya saya ingin bertanya kepada sobat blogger yang kebetulan berprofesi di bidang desain grafis,...