Artikel Terbaru atau Recent Post

loading...

Artikel Terbaru atau Recent Post ini hanyalah Cara Membuat Recent Posts Thumbnail Atau Membuat Artikel Terbaru dengan Gambar Bergerak. Recent Posts adalah judul postingan terbaru dari artikel kita yang otomatis akan tersimpan di widget Artikel Terbaru atau Recent Post yang sudah kita buat.Untuk sahabat yang tidak mengindahkan W3 Validator,karena dengan menambahkan widget Recent Post ini error pada template sahabat akan bertambah.maka ikuti saja cara mudah dibawah;

1. Silahkan login ke Akun Blogger.

2. Kemudian klik menu Layout.

3. Klik tab elemen. Kemudian klik "add element" di sidebar,dan akan terbuka jendela baru milik blogger.com

4. Klik "add html/java script",kemudian pastekan kode yang saya pakaikan background hitam dibawah ini.

5. Simpan perubahan.

<style type="text/css">
    #spylist {margin-top:5px;padding:0px 0px;}
    #spylist ul{list-style-type: none;padding:0px;margin:0px;}
    #spylist li {padding: 5px 0px 5px 5px;margin:0px;float:none;height:44px;}
    #spylist li a {text-decoration:none;color:#4B545B;font:12px calibri;margin:0px;padding:0px;}
    #spylist li img {float:left;margin-right:5px;margin-top:7px;background:#EFEFEF;border:0;}
    .spydate{font-size:10px;color:#0284C2;padding:2px 0px;margin:0px0px;height:15px;font-family:Tahoma,Arial,verdana, sans-serif;}
    .spycomment{font-family:Tahoma,Arial,verdana, sans-serif;font-size:10px;color:#262B2F;padding:0px;margin:-2px 0px;}
    </style>
    <script language='javascript'>
    imgr = new Array();
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 40;
    thumbheight = 40;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 20;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 10;
    home_page = "http://tkjsbb.blogspot.com/";
    limitspy=4
    intervalspy=4000
    </script>
    <div id="spylist">
    <script src='http://raihan-javascript-file.googlecode.com/files/newestarticle.js' type='text/javascript'></script></div>

Ket: http://tkjsbb.blogspot.com/ ganti sama url blog sobat.

Mudah kan bos,tinggal lihat hasilnya,semoga bermanfaat dan sukses diterapkan di blog sobat.Jika ada pertanyaan dan ada penambahan,silahkan saja pergunakan kotak komentar.

Happy Blogging