Chat here,darling.

Friday, December 27, 2013

Tutorial : Image jadi kabur



Untitled

Cuba awak alihkan cursor awak, dekat gambar.
Kaburkan?

Hah, tutorial itulah saya nak ajar awak pada hari ini.

First. Log in.
2. Dashboard > Template > Edit HTML

Now. Cari perkataan di bawah

<head>

Dah jumpa?

Next step pula. Copy code di bawah pula.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0);
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5);
},function(){
$(this).fadeTo("slow", 1.0);
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0);
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5);
},function(){
$(this).fadeTo("slow", 1.0);
});
});
</script>

Dah copy? Good. Now, saya nak kauorang pastekan code yang kauorang copy tadi, di bawah <head>

  Now, you can save. Dah siap :)


No comments: