Animasi Recent Post Dengan Widget

Bagi siapa yang mengalami masalah background widget ini tunjuk 'bandwidth exceed ", bisa copy kembali kode dibawah, dan masukkan kembali url anda .. Kesulitan dikesali. Meletakkan animated recent post widget dapat men'stail'kan lagi cara tampilan recent post yang ada pada blog Anda. 


Demo

(tunggu page habis load utk tengok pergerakan, pergerakan sebenarnya adalah lebih lambat dan lancar)

Berikut adalah cara-cara untuk menggunakan widget ini. 

1. Dari dashboard> design> add a gadget> HTML / javascript 

2. copy code berikut dan paste di ruang HTML / javascript

<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:220px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:208px; 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:11px; 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:10px; 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:10px; 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 = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; 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.blogspot.com/"; limitspy=4 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://thegunerz.blogspot.com/2012/07/animasi-recent-post-dengan-widget.html" target="_blank">get this widget here</a></small>

Note: ganti URL BLOG dengan url blog Anda ..

 3. Save dan lihat hasilnya.

-------------------

PERHATIAN: Tersedia tidak semua template blog 'bisa masuk' dengan widget ini. Kemungkinan sebagian besar bisa menggunakan widget ini. Oleh itu Anda bisa mencoba dulu apakah bisa menggunakan atau tidak untuk blog Anda. Masih belum jumpa solusi untuk itu.

Selamat mencoba