Membuat Populer View dengan Thumbnail Bergerak

Kali ini akan dibahas dengan pokok bahasan cara membuat Populer View atau bisa dikatakan Artikel terpopuler yang disertai thumbnail yang bergerak (animasi), jika tidak keberatan dan gak menyesal nantinya silakan lihat demo-nya disini. Langsung pada tutorialnya :

• Masuk ke akun Blogger Anda;
• Klik Rancangan;
• Pilih Tata letak;
• Tambahkan Gadget;
• Pilih HTML/Java Script;
• Berikan Judul sesuai keinginan anda;
• Copy paste kode dibawah ini :
  

<script src="http://kang-onk.googlecode.com/files/Artikel%20Populer-1.js" type="text/javascript"></script>
    <style type="text/css" media="screen">
    <!--
    #spylist {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:190px;
    }
    #spylist ul{
    width:250px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:235px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:45px;
    overflow: hidden;
    background:none url(#) repeat-x;
    border:1px solid #ddd;
    }
    #spylist li a {
    text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:11px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:none;
    border:0;
    }
 
    -->
    </style>
    <script language='javascript'>
    imgr = new Array();
    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;
boxwidth =240;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 45;
thumbheight = 45;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
    home_page = "http://kang-onk.blogspot.com";
    limitspy=3
    intervalspy=4000
    </script>
    <div id="spylist">
    <script src='http://kang-onk.googlecode.com/files/recentpostthumbspy-min.js' type='text/javascript'></script>
    </div>

• Ganti http://kang-onk.blogspot.com dengan URL anda;
  
• Silakan Modifikasi sesuai dengan kebutuhan dan bentuk serta lebar dan tinggi template anda;
  
• Klik Simpan dan lihat hasilnya.