Many blogs or website having lots of images included, when a visitors viewing your blog looking impressive filmstrip style images scrolling. this widget useful for Book seller, movies, etc, try this code and replace your image url.
Step 1: Login your Blogger Account and go to Dashboard in Layout Tab
Now Copy the Below Code and paste html/Java script gadget
<center><script type="text/javascript" src="https://santosh143.googlecode.com/svn/marquee">
</script>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '5px',
'width': '900px',
'background': 'dark grey',
'border': '1px solid dark grey'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
persist: true,
savedirection: true
});
</script>
<div class="marquee" id="mycrawler2">
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '700px',
'height': '180px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
savedirection: true,
random: true
});
</script></div></center>
Now replace the image url and paste your image url and also suitable post URL that's all good luck....
Step 1: Login your Blogger Account and go to Dashboard in Layout Tab
Now Copy the Below Code and paste html/Java script gadget
<center><script type="text/javascript" src="https://santosh143.googlecode.com/svn/marquee">
</script>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '5px',
'width': '900px',
'background': 'dark grey',
'border': '1px solid dark grey'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
persist: true,
savedirection: true
});
</script>
<div class="marquee" id="mycrawler2">
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<a href='Post URL'><img src="image url" width="85" height="130" alt="your image alt" /></a>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '700px',
'height': '180px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
savedirection: true,
random: true
});
</script></div></center>
Now replace the image url and paste your image url and also suitable post URL that's all good luck....







0 comments:
Post a Comment