.jpg)
A blog page that no touch image or picture will seem boring . If you are bored , then the blog visitors will not long survive . Not only as knick - knacks , a photo can also give the impression of its own . People will be more familiar with images rather than text.
Now , we will learn to create a slide show, the pictures are displayed alternately with the automatic . Slide show can be used to display many photos without taking up much space . Because the image is played like a video , making it more attractive and efficient place .
Slide show can be used to show that a lot of vacation photos , or pictures of products to shop online . How to create a slide show is very easy , no need smart photoshop or flash . We live set photos that have been uploaded ( hosted ) . We can take advantage of post blogger , Picasa , Photobucket , and others.
Easy Ways to Make a Slide Show Photos in Blogs
1 . Login to blogger
2 . Select Layout and then Add a Gadget
3 . Choose HTML / JavaScript
4 . Insert the following HTML code :
<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'> < / script >
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"> < / script >
<script type="text/javascript">
$ (document ) . ready (function ( ) {
$ ( ' # content - slider ' ) . cycle ( {
fx : ' fade '
} ) ;
} ) ;
< / script >
<style type="text/css">
# content - slider {
position: relative ;
width: 100 % ;
height: 250px ;
overflow : hidden ;
margin : 0 auto ;
}
# content - slider img {
display: block ;
width: 100 % ;
height: 250px ;
}
< / style>
<div id="content-slider">
<img src="URL Photos 1" />
<img src="URL Photos 2" />
<img src="URL Photos 3" />
<img src="URL Photos 4" />
< / div >
5 . Replace URL with the URL Photo 1 photo already hosted ( upload )
6 . We can also adjust the height images ( height ) and width .
7 . We can add or display more photos by adding the same code as 4" /> <img src="URL photos and so on .
7 . Save when done