Cara membuat gambar membesar saat di sentuh cursor.kali ini saya sedang malas ngetiksih tapi sebagia blogger setia saya tetap ngetik supaya agan sekalian dapat artikel yang bermamfaat,nah kali ini saya akan bagi tenteng gambar,banyak kita temui para blog yang mempunyai navigasi ini,namun banyak yang bertanya gimana cara buatnya dan dimana yang ada tutorialnya,nah disini saya akan berikan scripht sampai tutorial membuatnya.
baiklah bagi agan semua yang ingin melanjutkan artikel ini untuk di ikutin ayo jangan banyak bacot lagi dah,sebelumnya apakah blog anda sudah mempunyai translate di blog anda,kalo belum saya sarankan pergi ke Cara membuat translate logo negara diblog karna translate sangat penting bagi blog.
Cara membuat gambar membesar saat di sentuh cursor
Terimakasih.Wassalam
baiklah bagi agan semua yang ingin melanjutkan artikel ini untuk di ikutin ayo jangan banyak bacot lagi dah,sebelumnya apakah blog anda sudah mempunyai translate di blog anda,kalo belum saya sarankan pergi ke Cara membuat translate logo negara diblog karna translate sangat penting bagi blog.
Cara membuat gambar membesar saat di sentuh cursor
- Login ke blogger.com
- Pergi ke dasboard anda
- Lalu pilih template dan klik edt HTML
- Cari code ]]></b:skin> gunakan fungsi Find dengan menekan tombol CTRL+F
- Lalu copas code berikut dan letakkan code berikut di atasnya
.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: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
- Klik simpan dan lihat hasilnya
Terimakasih.Wassalam