CARA MEMBUAT DAFTAR POSTINGAN YANG BERGERAK

Salah satu upaya membuat daya tarik sebuah blog adalah dengan adanya daftar postingan yang bergerak, daftar postingan yang bergerak ini mirip dengan popular post, tetapi hanya memuat thumbnail (gambar posting) serta judul postingan dan tanggal postingan. Daftar postingan yang bergerak ini dapat diatur kecepatan geraknya, selanjutnya besar kecil atau height (tinggi/panjang) maupun width (lebarnya) dapat diatur sesuai dengan kondisi blog yang kita miliki.

Berikut adalah cara membuatnya, buka rancangan, add html kemudian copy kan script di bawah ini  :

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

#spylist {overflow:hidden;margin-top:5px;padding:0px 0px;height:300px;}
#spylist ul{width:277px;overflow:hidden;list-style-type: none;padding: 0px 0px;margin:0px 0px;}
#spylist li {width:277px;padding: 5px 5px;margin:0px 0px 5px 0px;list-style-type:none;float:none;height:70px;overflow: hidden;background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;border:1px solid #ddd;}
#spylist li a {text-decoration:none;color:#4B545B;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:#0284C2;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:#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 = 247;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 60;

thumbheight = 60;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://wilwatiktablog.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Simpan template anda dan selesai, silahkan lihat hasilnya.

Catatan : pada beberapa template, widget ini mengganggu widget-widget yang lain semacam slide atau widget yang mempergunakan fasilitas jquery lainnya.

Get free daily email updates!

Follow us!

Anda sedang membaca artikel tentang CARA MEMBUAT DAFTAR POSTINGAN YANG BERGERAK dan anda bisa menemukan artikel CARA MEMBUAT DAFTAR POSTINGAN YANG BERGERAK ini dengan url http://fh86.blogspot.com/2012/04/cara-membuat-daftar-postingan-yang.html. Anda boleh menyebarluaskan atau mengcopy artikel CARA MEMBUAT DAFTAR POSTINGAN YANG BERGERAK ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.