Auto Scroll Down Latest Post

Here is the tutorial on how to make auto scroll down on your latest post from your blog. And below is the JavaScript (JS) code for you to put in your ADD GADGET column.

Please follow the step.

1. Copy the JavaScript (JS) code below :

Copy this CODE:
<h2 class="title">my latest.</h2><br /><div class="widget-content"><br /><br /><center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br /><style media="screen" type="text/css"><br /><!-- #spylist { overflow:hidden; margin-top:5px; margin-bottom:-20px; padding:0px 0px -20px 0px; height:350px; } #spylist ul{ width:200px; overflow:hidden; float:center; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:180px; padding: 2px 2px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#FFFFFF; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#A32929; font-size:12px; height:0px; overflow:hidden; margin: 0px 0px; padding:0px 0px 0px 0px; } #spylist li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } .spydate{ overflow:hidden; font-size:0px; color:#0284C2; padding:2px 0px; margin:1px 0px 0px 0px; height:0px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:0px; color:#262B2F; padding:0px 0px; margin:0px 0px; } --><br /></style><br /><br /> <script language="JavaScript"><br /><br />imgr = new Array();<br /><br />imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";<br />showRandomImg = true;<br /><br />boxwidth = 255;<br /><br />cellspacing = 6;<br /><br />borderColor = "#232c35";<br /><br />bgTD = "#000000";<br /><br />thumbwidth = 70;<br /><br />thumbheight = 70;<br /><br />fntsize = 10;<br /><br />acolor = "#666";<br /><br />aBold = true;<br /><br />icon = " ";<br /><br />text = " ";<br /><br />showPostDate = false;<br /><br />showcomments = false;<br /><br />summaryPost = 40;<br /><br />summaryFontsize = 10;<br /><br />summaryColor = "#666";<br /><br />icon2 = " ";<br /><br />numposts = 30;<br /><br />home_page = "http://jaywidget.blogspot.com/";<br /><br />limitspy=4<br />intervalspy=4000<br /><br /></script><br /><br /><div id="spylist"><br /><script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script><br /></div></center></div>

(put your mouse cursor inside the box, then click.. Press key Ctrl + A.. Then select copy)

2. Go to your Edit Layout, and select Add a Gadget which column you want to put this code. Then you select HTML/JavaScript .

3. Paste your JS code inside the Content box.

4. Then, scroll done the Content box and make sure don't forget to edit your blog name.

For example :

home_page = "http://jaywidget.blogspot.com/";

change to

home_page = "http://YOUR-BLOG-NAME.blogspot.com/";

5. Then you save your code. And your new gadget is done and ready to use.