jQuery 5 In One Image Effects For Your Photos On Blogger

Bloggers are always using images and photos on their blogs so in this post we will see how you can add five different effects to those images.The neat thing about this is you just have to add some jQuery and Css to your template (We make it easy) then you can easily add from 5 hover effects to add some spice to your blog images.Lets look through the effects and you can also check out the demo to see it in action.The five effects will be :Effect 1 - Popout, this is a basic pop out effect on hover the image will pop out from the page.Effect 2 - SliceDown, The image will have an dark overlay and on hover a slice effect reveals the image clearly.Effect 3 - BoxRandom, The image...

Make a snow effect on the mouse cursor on the blog

STEP #1Log in to Blogger, go to Design -> Add a Gadget of HTML/JavaScript type. 4. Now Click On Save 'JavaScript' You are done.<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript">// <![CDATA[var colour="black";var sparkles=100;var x=ox=400;var y=oy=300;var swide=800;var shigh=600;var sleft=sdown=0;var tiny=new Array();var star=new Array();var starv=new Array();var starx=new Array();var stary=new...

How To Create JQuery Featured Content Slideshow

Instructions To Follow:STEP #1Log in to Blogger, go to Layout -> Edit HTMLand mark the tick box "Expand Widget Templates"STEP #2Now find (CTRL+F) this code in the template:</head>And immediately before it, paste this code:<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> //<![CDATA[ $(document).ready(function() { //Execute the slideShow, set 6 seconds for each images slideShow(3000); }); function slideShow(speed) { //append a LI item to the UL list for displaying caption $('ul.slideshow').append('<li id="slideshow-caption"...