Cara Buat Related Post Berkedip/Berubah-ubah

Bagi yang masih bingung seperti apa sih related post yang dimaksudkan,sobat bisa lihat contoh gambarnya dibawah ini:

Contoh yang sudah diterapkan sobat bisa lihat di blog saya ini.
Gimana sob,pingin ga punya widget kaya gitu?yuk intip gimana sih cara bikin recent post jquery blogger ini..

Pertama langkahnya seperti biasanya ya hanya pilih Dashboard,lalu Tata Letak / Rancangan kemudian klik tulisan Add New Widget atau Tambah Gadget dan pilih HTML/Javascript,lihat Gambar:

.

Kemudian letakkan kode berikut sob:

<script src="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">
</script>
<center><b>Artikel Acak</b></center>
<center>
<style media="screen" type="text/css">
    <!--
    #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:#fff url() repeat-x;
    border:1px solid #ddd;
    }
    #spylist li a {
    text-decoration:none;
    color:#4B545B;
    width:100%;
    font-size:10px;
    height:12px;
    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:12px;
    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://i1083.photobucket.com/albums/j396/okkim321/index.jpg";
    imgr[1] = "http://i1083.photobucket.com/albums/j396/okkim321/index.jpg";
    imgr[2] = "http://i1083.photobucket.com/albums/j396/okkim321/index.jpg";
    imgr[3] = "http://i1083.photobucket.com/albums/j396/okkim321/index.jpg";
    imgr[4] = "http://i1083.photobucket.com/albums/j396/okkim321/index.jpg";
    showRandomImg = true;
    boxwidth = 200;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 50;
    thumbheight = 50;
    fntsize = 9;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 100;
    home_page = "http://blogsimikko.blogspot.com/";
    limitspy=4
    intervalspy=4000
 
</script>
<div id="spylist">
<script src="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/recentpostthumbspy-min.js" type="text/javascript">

**Ket
- untuk :
Artikel Acak gantilah dengan judul widget jQuery related post ini.
- untuk : http://i1083.photobucket.com/albums/j396/okkim321/index.jpg .gantilah dengan url gambar default (gambar ini akan muncul saat sebuah posting tidak mengunggah sebuah gambar)
- untuk :
http://blogsimikko.blogspot.com/ gantilah dengan alamat url blog sobat.

Posted in: Blogger