Membuat Recent Artikel Bergerak

Hmm.... sedang malas basa basinya nih...

Tu De Poin aja deh ya

Pengen bikin Recent Artikel bergerak seperti di Blog ini??

Caranya:

Login ke blogger kamu, lalu pilih tata letak, lalu klik tambah gadget html, nah copas deh kode dibawah ini :

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <style media="screen" type="text/css">
    <!--

    #spylist {
    overflow:hidden;
    margin-top:5px;
    margin-bottom:-20px;
    padding:0px 0px -20px 0px;
    height:350px;
    }
    #spylist ul{
    width:280px;
    overflow:hidden;
    float:center;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:262px;
    padding: 2px 2px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#FFFFFF;
    border:1px solid #ddd;
    }

    #spylist li a {
    text-decoration:none;
    color:#A32929;
    font-size:12px;
    height:0px;
    overflow:hidden;
    margin: 0px 0px;
    padding:0px 0px 0px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:hidden;
    font-size:0px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:0px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }

    .spycomment{
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:0px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }

    -->
    </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 = 255;

    cellspacing = 6;

    borderColor = "#232c35";

    bgTD = "#000000";

    thumbwidth = 70;

    thumbheight = 70;

    fntsize = 12;

    acolor = "#666";

    aBold = true;

    icon = " ";

    text = " ";

    showPostDate = false;

    showcomments = false;

    summaryPost = 40;

    summaryFontsize = 10;

    summaryColor = "#666";

    icon2 = " ";

    numposts = 20;

    home_page = "http://Masukkan URL blog anda disini.blogspot.com/";

    limitspy=4
    intervalspy=4000

    </script>

    <div id="spylist">
    <script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>
    </div>



Lalu ganti url http://URL BLOG ANDA/ (tulisan warna merah) dengan URL blog anda.
Untuk merubah ukuran widget sesuai dengan sidebar blog anda, silahkan ubah nilai berikut:
width:220px;
width:200px;
boxwidth = 255;

Free Template Blogger collection template Distributor jahe Merah Karomah Blog Indahku Goresan Jari Jemariku cafe Gaul Para Salafiyyin

Disimpan dalam kategori tulisan: Menghias Blog