How to add Cool jquery Fade Effect On Blogger Image. 0

| | , ,


This jquery fade effect make your blogger/blogspot image cool and good effective with dragging cursor on image.
Now follow simple step to add this cool effect to your blogger now...........

* First go to your blogger Dashboard.

* Now click on design tab and edit html now.

* Now click  on box to expand your blogger template.

* After above step find </head> tag with CTRL+F key .

* Now copy below code and paste before  </head>


<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); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>


* And now save your template now you are done my friend.    GOOD LUCK

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How to add Cool jquery Fade Effect On Blogger Image. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories