ANIMATED RECENT POST UNTUK BLOGGER

1. dashboard > layout > add gadjet > html/javascript

copy code di bawah

<span style="background-color: white; "><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script></span></p><p class="separator" style="text-align: center; clear: both; "><style type="text/css" media="screen"></p><p class="separator" style="text-align: center; clear: both; "><!--</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">#spylist {</p><p class="separator" style="text-align: center; clear: both; ">overflow:hidden;</p><p class="separator" style="text-align: center; clear: both; ">margin-top:5px;</p><p class="separator" style="text-align: center; clear: both; ">padding:0px 0px;</p><p class="separator" style="text-align: center; clear: both; ">height:350px;</p><p class="separator" style="text-align: center; clear: both; ">}</p><p class="separator" style="text-align: center; clear: both; ">#spylist ul{</p><p class="separator" style="text-align: center; clear: both; ">width:220px;</p><p class="separator" style="text-align: center; clear: both; ">overflow:hidden;</p><p class="separator" style="text-align: center; clear: both; ">list-style-type: none;</p><p class="separator" style="text-align: center; clear: both; ">padding: 0px 0px;</p><p class="separator" style="text-align: center; clear: both; ">margin:0px 0px;</p><p class="separator" style="text-align: center; clear: both; ">}</p><p class="separator" style="text-align: center; clear: both; ">#spylist li {</p><p class="separator" style="text-align: center; clear: both; ">width:208px;</p><p class="separator" style="text-align: center; clear: both; ">padding: 5px 5px;</p><p class="separator" style="text-align: center; clear: both; ">margin:0px 0px 5px 0px;</p><p class="separator" style="text-align: center; clear: both; ">list-style-type:none;</p><p class="separator" style="text-align: center; clear: both; ">float:none;</p><p class="separator" style="text-align: center; clear: both; ">height:70px;</p><p class="separator" style="text-align: center; clear: both; ">overflow: hidden;</p><p class="separator" style="text-align: center; clear: both; ">background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;</p><p class="separator" style="text-align: center; clear: both; ">border:1px solid #ddd;</p><p class="separator" style="text-align: center; clear: both; ">}</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">#spylist li a {</p><p class="separator" style="text-align: center; clear: both; ">text-decoration:none;</p><p class="separator" style="text-align: center; clear: both; ">color:#4B545B;</p><p class="separator" style="text-align: center; clear: both; ">font-size:11px;</p><p class="separator" style="text-align: center; clear: both; ">height:18px;</p><p class="separator" style="text-align: center; clear: both; ">overflow:hidden;</p><p class="separator" style="text-align: center; clear: both; ">margin:0px 0px;</p><p class="separator" style="text-align: center; clear: both; ">padding:0px 0px 2px 0px;</p><p class="separator" style="text-align: center; clear: both; ">}</p><p class="separator" style="text-align: center; clear: both; ">#spylist li img {</p><p class="separator" style="text-align: center; clear: both; ">float:left;</p><p class="separator" style="text-align: center; clear: both; ">margin-right:5px;</p><p class="separator" style="text-align: center; clear: both; ">background:#EFEFEF;</p><p class="separator" style="text-align: center; clear: both; ">border:0;</p><p class="separator" style="text-align: center; clear: both; ">}</p><p class="separator" style="text-align: center; clear: both; ">.spydate{</p><p class="separator" style="text-align: center; clear: both; ">overflow:hidden;</p><p class="separator" style="text-align: center; clear: both; ">font-size:10px;</p><p class="separator" style="text-align: center; clear: both; ">color:#0284C2;</p><p class="separator" style="text-align: center; clear: both; ">padding:2px 0px;</p><p class="separator" style="text-align: center; clear: both; ">margin:1px 0px 0px 0px;</p><p class="separator" style="text-align: center; clear: both; ">height:15px;</p><p class="separator" style="text-align: center; clear: both; ">font-family:Tahoma,Arial,verdana, sans-serif;</p><p class="separator" style="text-align: center; clear: both; ">}</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">.spycomment{</p><p class="separator" style="text-align: center; clear: both; ">overflow:hidden;</p><p class="separator" style="text-align: center; clear: both; ">font-family:Tahoma,Arial,verdana, sans-serif;</p><p class="separator" style="text-align: center; clear: both; ">font-size:10px;</p><p class="separator" style="text-align: center; clear: both; ">color:#262B2F;</p><p class="separator" style="text-align: center; clear: both; ">padding:0px 0px;</p><p class="separator" style="text-align: center; clear: both; ">margin:0px 0px;</p><p class="separator" style="text-align: center; clear: both; ">}</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">--></p><p class="separator" style="text-align: center; clear: both; "></style></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><span class="Apple-tab-span" style="white-space:pre"> </span><script language='JavaScript'> </p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">imgr = new Array();</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";</p><p class="separator" style="text-align: center; clear: both; ">showRandomImg = true;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">boxwidth = 255;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">cellspacing = 6;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">borderColor = "#232c35";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">bgTD = "#000000";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">thumbwidth = 70;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">thumbheight = 70;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">fntsize = 12;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">acolor = "#666";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">aBold = true;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">icon = " ";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">text = "comments";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">showPostDate = true;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">summaryPost = 40;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">summaryFontsize = 10;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">summaryColor = "#666";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">icon2 = " ";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">numposts = 10;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">home_page = "http://www.raudhatulmuhibbin.org/";</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">limitspy=4</p><p class="separator" style="text-align: center; clear: both; ">intervalspy=4000</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "></script></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><div id="spylist"></p><p class="separator" style="text-align: center; clear: both; "><span class="Apple-tab-span" style="white-space:pre"> </span><script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script></p><p class="separator" style="text-align: center; clear: both; "></div>    </p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">Note :If your template already have a jquery do not put again, just copy after it</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">Html from above a few things could be replaced :</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">1. homepage address</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">home_page = “http://name-your-blog.blogspot.com/”;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">2. Style</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">#spylist ul{</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">width:220px;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">overflow:hidden;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">list-style-type: none;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">padding: 0px 0px;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">margin:0px 0px;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">}</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">#spylist li {</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">width:208px;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">padding: 5px 5px;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">margin:0px 0px 5px 0px;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">list-style-type:none;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">float:none;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">height:70px;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">overflow: hidden;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">border:1px solid #ddd;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">}</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">from above style/css, you can change :</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">width</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">width : 220px;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">width:208px:</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">customize base on your template</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">and</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">Customize the colors of backuground</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">3. image size</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">thumbwidth = 70;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">thumbheight = 70;</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">Match your needs</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">4. How many post you will show</p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; "><br></p><p class="separator" style="text-align: center; clear: both; ">numposts = 10;

3. korang cari kt code td 

home_page = “http://name-your-blog.blogspot.com/”

tukar url blog korang kat text wane meran..

SELAMAT MENCUBA