Features:
1.) Simple And Stylish SlideShow.
2.) Can Be Easily Use As Slider.
3.) J-Query, JavaScript, CSS, HTML Codes...
4.) Easy To Use And Quick To Load.
5.) CSS-3 Effect.
6.) Work On All Browsers
7.) Unlimited Div Slides...
8.) You Can Add Your Text, HTML Code, Frame, Video, Images Or AnyThing Here...
9.) Best For Featured Post.
10.) An Awesome Slider With Simple Code.
How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To layout
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.
How To Add In Website?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.
<style>
#slideshow {margin:50px auto;position:relative;width:240px;height:240px;padding:10px;box-shadow: 0 0 20px rgba(0,0,0,0.4);}
#slideshow > div {position:absolute;top:10px;left:10px;right:10px;bottom:10px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script>
$(function() {
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
});
</script>
<div id="slideshow">
<div>
Your Text, HTML Code, Frame, Video, Images Or AnyThing Here...
</div>
<div>
Your Text, HTML Code, Frame, Video, Images Or AnyThing Here...
</div>
<div>
Your Text, HTML Code, Frame, Video, Images Or AnyThing Here...
</div>
</div>
Customization:
1.) Change " Your Text, HTML Code, Frame, Video, Images Or AnyThing Here... " With Your Data.
2.) Of You Want AnyThing More To Change, Just Ask Us.
No comments:
Post a Comment