ingin membuat newticker seperti di bawah ini silahkan lihat di sini

Recent Post Berjalan

Bagi yang berminat unruk mencoba recent post tampil seperti news ticker  berjalan  bisa di coba cara cara di bawah ini. sebenernya fungsi dari recent post adalah untuk menampilkan postingan artikel kita yang sebelumnya. dari recent post juga kita bisa memberikan tag untuk postingan lainnya yang belum tersentuh oleh pembaca. langsung saja ke intinya ya...catanya sebagai berikut.. untuk contohnya dapat di lihat di footer blog saya. Post Terbaru

1 login blog
2 tambah widget
3 copas coding dibawah ini
selamat mencoba

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

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:175px;
}
#spylist ul{
width:250px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:transparent;
}

#spylist li a {
text-decoration:none;
color:#A8A8A8; 
font-size:11px;
height:18px;
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:10px;
color:#A8A8A8;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

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

-->
</style>

<script language='javascript'> 

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWyb4skITgUR8Op29J6mBTZexv8VwHDqJRyZb0LAOK02VPdrt7ykbPA-jC1ZvNnQWYauncoVJpDrFfa6030MZ-eUku6XwjzJEteUkigPMfD_RVuA5BGhh2KxfkeeP9_gxCS9jwPNzY7nE/s400/noimage.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWyb4skITgUR8Op29J6mBTZexv8VwHDqJRyZb0LAOK02VPdrt7ykbPA-jC1ZvNnQWYauncoVJpDrFfa6030MZ-eUku6XwjzJEteUkigPMfD_RVuA5BGhh2KxfkeeP9_gxCS9jwPNzY7nE/s400/noimage.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWyb4skITgUR8Op29J6mBTZexv8VwHDqJRyZb0LAOK02VPdrt7ykbPA-jC1ZvNnQWYauncoVJpDrFfa6030MZ-eUku6XwjzJEteUkigPMfD_RVuA5BGhh2KxfkeeP9_gxCS9jwPNzY7nE/s400/noimage.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWyb4skITgUR8Op29J6mBTZexv8VwHDqJRyZb0LAOK02VPdrt7ykbPA-jC1ZvNnQWYauncoVJpDrFfa6030MZ-eUku6XwjzJEteUkigPMfD_RVuA5BGhh2KxfkeeP9_gxCS9jwPNzY7nE/s400/noimage.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWyb4skITgUR8Op29J6mBTZexv8VwHDqJRyZb0LAOK02VPdrt7ykbPA-jC1ZvNnQWYauncoVJpDrFfa6030MZ-eUku6XwjzJEteUkigPMfD_RVuA5BGhh2KxfkeeP9_gxCS9jwPNzY7nE/s400/noimage.png";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "transparant";

bgTD = "#A8A8A8";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#F68629";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#A8A8A8";

icon2 = " ";

numposts = 10;

home_page = "http://saint-plick.blogspot.com/";

limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='http://theplick.googlecode.com/files/recent%20post%20gambar.js' type='text/javascript'></script>
</div>

dan simpan widgetnya





FOLLOW and JOIN to Get Update!

Social Media Widget SM Widgets




The Plick Updated at: 9:26 PM

3 komentar :

  1. owh!! bagus infonya gan.., q juga pengan Recent Post kaya agan punya.., hehehe :))

    ReplyDelete
  2. mikum.... bro... makasih ny atas tutorialx... btw recent postx d blog ane cuma kelihatan 2 biji aj gk kya pnya situ banyak bgt tmpilann.... mhon saranx... oia mampir k blog ane bro... www.garuda 1945.blogspot.com

    ReplyDelete
  3. di persilahkan. klo butuh bantuan silahkan kirim di buku tamu.

    ReplyDelete

Silahkan Comment dan Tinggalkan link, Blog Ini DoFollow sehingga anda mendapatkan backling dari blog ini. Terima Kasih

Back to top