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://www.raihanrn.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>
#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://www.raihanrn.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://www.raihanrn.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 
pagi yang cerah mendapat ilmu yang lama dicari, bade nyedot kang.
ReplyDeleteselamat ng'blog
wah bermanfaat nih,
ReplyDeletethanks for share ya :)
oh gitu toh, baru tau :)
ReplyDelete@socafahreza's blog
ReplyDeleteMasama sop,selamat berkreasi,semoga sukses.
Happy blogging.
@HEЯRY
Sama sop,ane juga baru tau,thanks ya,happy blogging.
Ternyata aku melewatkan post ini. Lebih bikin tampilan blog kita ngejreng dan menghemat ruang. Alternative lain dari scroll manual...happy blogging
ReplyDeletesaya sudah memasangnya dengan sukses dan riang gembira, nuhun elmuna kang
ReplyDeletekunjungan malam sob, sekalian lihat artikelnya
ReplyDelete@Edo Damara,S.kom
ReplyDeleteSenang juga bisa membantu sop,makasih ya,happy blogging.
Threelas.com telah merilis versi all widget in one plugin. dengan plugin ini anda bisa membuat berbagai macam widget, seperti related post, selected recent post, multi label recent post, dan lain-lain. segera dapatkan secara gratis di threelas.com
ReplyDeletekode dilindungi oleh undang-undang.