Membuat Thumbnail Recent Post Berkedip Bergantian

Untuk bisa melihat recent post (posting terbaru) ini tentunya blog sobat harus sudah berisi beberapa posting yang sudah dipublikasikan, soalnya recent post ini menampilkan posting-posting terbaru sobat. Dengan cara ini para pengunjung blog bisa jadi lebih betah menjelajah halaman-halaman blog sobat. Gambar di atas hanya sebagai contoh saja tidak bisa bergerak, tapi nanti kalau sobat sudah memasang di blog sobat, sobat akan melihat hasilnya akan bergerak secara bergantian.

Caranya:

• Masuk Blogger terlebih dahulu
• Pilih Tata Letak
• Tambahkan Gadget => cari HTML/JavaScript
• Copy script dibawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong></strong></center>

<center>

<style type="text/css" media="screen">

<!--

#spylist {

overflow:hidden;

margin-top:1px;

padding:0px 0px;

height:300px;

}

#spylist ul{

width:100%;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}

#spylist li {

width:100%;

padding: 0px 0px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:70px;

overflow: hidden;

background:#AA; url() repeat-x;

border:1px solid #faa;

}

#spylist li a {

text-decoration:none;

color:#dd0000;

width:100%;

font-size:12px;

height:12px;

overflow:hidden;

margin:0px 0px;

padding:0px 0px 2px 0px;

}

#spylist li img {

float:left;

margin-right:5px;

background:#EFEFEF;

border:1px;

}

.spydate{

overflow:hidden;

font-size:10px;

color:#000000;

padding:2px 0px;

margin:1px 0px 0px 0px;

height:12px;

font-family:Tahoma,Arial,verdana, sans-serif;

}

.spycomment{

overflow:hidden;

font-family:Tahoma,Arial,verdana, sans-serif;

font-size:10px;

color:#000000;

padding:0px 0px;

margin:0px 0px;

}

-->

</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://gennagasoft.blogspot.com/";

imgr[1] = "http://gennagasoft.blogspot.com/";

imgr[2] = "http://gennagasoft.blogspot.com/";

imgr[3] = "http://gennagasoft.blogspot.com/";

imgr[4] = "http://gennagasoft.blogspot.com/";

showRandomImg = true;

boxwidth = 200;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#990099";

thumbwidth = 60;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#000";

icon2 = " ";

numposts = 100;

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

limitspy=5

intervalspy=4000

</script>

<div id="spylist">

<script src='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script>

</div></center>

• Tulisan berwarna merah silahkah sobat ganti dengan alamat blog sobat.
• Selesai... Semoga bermanfaat!!!!

Posted in: Blog,Tutorial