Selamat sore sobat :) sebelum UTS pemrograman dimulai ya maha sempat sempatkan dlulah update blog soalnya kemarin gak sempat update blog sibuk belajar buat UTS bahasa inggris :) . Kali ini maha hadir dengan tutorial blognya membahas tentang Membuat Efek Photo Semu/Blur Pada Gambar DiBlog anda. maap untuk contohnya belum ada maha temukan dmn mn jd ya lewat deskripsi maha aja
Gini maksud dr judulnya biar jelas :) . Awalnya Foto/Gambar akan terlihat Samar/Blur/Semu lah...nah pas anda sorot cursor anda ke gambar tersebut maka otomatis gambar tersebut akan terlihat jelas :) apabila anda larikan lagi cursornya bukan kegambar itu makan otomatis gambar itu akan menjadi blur kembali :) . yaudalah mau jelasin panjang lebar bingung maha hhe.. mending langsung praktekin aja dah diblog sobat :)..ikut langkah maha berikut ini :
Langkah A:
- Login Blogger anda :) pastilah hhe
- Masuk ke Rancangan
- Pilih Tab Edit Html
- Silahkan cari kode berikut : ]]></b:skin>
- Copy paste kode berikut di atas kode ]]></b:skin>
.linkopacity img {7 .Kemudian simpan template
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.linkopacityxtra:hover img {
filter:alpha(opacity=1.1);
-moz-opacity: 1.1;
opacity: 1.1;
border:0;
}
Diatas Adalah Langkah A,,...
Langkah B :
Setiap Teman2 ingin memasang photo atau gambar dengan efek semu/blur, pastikan sisipkan kode seperti ini :
<a href="url tujuan" class="linkopacity"><img src="url sumber gambar"></a>
kalo gambar teman2 tidak ingin nge-link ke mana-mana, maka cukup gantikan saja alamat url tujuan dengan dengan kode #nogo
Terima kasih :) semoga berbahagia hhe
Posting Komentar