Tutorial - Animated Recent Posts

Assalamualaikum...

Saja Nak share cara nak tambah animated recent post kat Blog seperti gambar dibawah

Demo Animated Recent Posts

Step by Step

1) Klik Pada Layout

2) Klik Pada Add Gadget

3)Klik Pada HTML/Java Script

4) Copy Script Di bawah

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><style type="text/css" media="screen"><!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:290px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:278px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#fff repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#4B545B; font-size:10px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #spylist li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } .spydate{ overflow:hidden; font-size:8px; color:#0284C2; padding:2px 0px; margin:1px 0px 0px 0px; height:15px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:8px; color:#262B2F; padding:0px 0px; margin:0px 0px; } --></style><script language='javascript'> imgr = new Array(); imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif"; imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif"; imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif"; imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif"; imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif"; showRandomImg = true; boxwidth = 300; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 65; thumbheight = 65; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://URL-BLOG-ANDA.blogspot.com/"; limitspy=6 intervalspy=4000 </script> <div id="spylist"><script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script></div></center><small><a href="http://khudri2337.blogspot.com/2014/08/tutorial-animated-recent-posts.html" target="_blank">click to get this widget here</a></small>

Beberapa perubahan pada Scripts berkenaan perlu dilakukan:
1) Homepage : http://URL-BLOG-ANDA - tukar kepada blog anda .cth: ("http://khudri2337.blogspot.com/"
2)Limitspy = 6 - tukar ikut berapa recent post yang anda nak...

5) Masukan Didalam "content".. Klik Save.. 


Anda Boleh Lihat Hasil.... TADAAAAA...................

Selamat Mencuba

P/s: Berkemungkinan tidak support ke Semua template....