Image and Text Slider For your blog

explaining step by steps to add this widget in your blog. For any type of slider you have to include this JavaScript File in your blog before </head> tag.
 <script type="text/javascript" src="http://probloggingtools.googlecode.com/files/marquee_slider.js"></script>

This is a leading website about blogging tools, tips , Widget and template Customization. I hope you are happy with blog posts and tutorials.

 Code of This Text Slider :

<div class="slider_text" id="marquee0">
This is a leading website about blogging tools, tips , Widget and template Customization. I hope you are happy with blog posts and tutorials.
</div>
<script type="text/javascript">
marqueeInit({
 uniqueid: 'marquee0',
 style: { //style object for this marquee container (use quotes on both sides of the : as shown)
    'width': '100%',
    'height': '1.6em',
    'color': '#fff',
    'background-color': '#32f',
    'font-family': 'sans-serif',
    'margin': '0 auto'},
      inc:1, //speed - of marquee slider.
 });
</script>
Type 2 Image Slider [Advanced]

Code of this Slider :

john petrucci


Not all hard rock 'guitar heroes' that emerged during the late '80s-early '90s were instrumental solo artists, as evidenced by Dream Theater's John Petrucci. Born on July 12, 1967, and raised in Kings Park (a town located in the suburb of Long Island, New York), Petrucci got serious about guitar at the age of 12, and developed a liking for prog rock and heavy metal (Rush, Iron Maiden, Yes, and later, Metallica and Queensrÿche). But it was the technically demanding guitarists, like Yngwie Malmsteen, Allan Holdsworth, and especially, Steve Morse, who inspired Petrucci the most.
 Enrolling at Boston's Berklee College of Music, Petrucci befriended such fellow classmates as bassist John Myung and drummer Mike Portnoy, who would serve as the core for what would eventually be known as Dream Theater.

marquee


marquee slow/medium/fast speed using button

Example-Result:

marquee slow/medium/fast speed using button


Example-Code:  
<marquee behavior="scroll" direction="left" id="marquee1" scrollamount="6">marquee slow/medium/fast speed using button</marquee></div>
<div style="text-align: center;">
<input onclick="document.getElementById('marquee1').setAttribute('scrollamount', 1, 0);" type="button" value="Slower" /><input onclick="document.getElementById('marquee1').setAttribute('scrollamount', 5, 0);" type="button" value="Medium" /><input onclick="document.getElementById('marquee1').setAttribute('scrollamount', 10, 0);" type="button" value="Faster" />