Membuat menu postingan bergerak ke bawah

sebelumnya minta maaf ni sama teman-teman soalnya saya udah jarang psoting, maklumlah namanya juga masih sekolah jadi banyak kesibukan di luar sekolah.

oke kalau gitu langsung aja pembahasannya, hari ini kita membahas bagai mana membuat menu postingan bergerak kebawah bisa dikatakan hampir sama dengan slide tetapi ini dilengkapi dengan gambar, mungkin saya pernah posting yang sejenis ata sama seperti ini, tetapi ini sudah di kombinasikan

langsung saja kamu KOPAS CODE berikut ke Gadgets kamu

<div class="widget HTML" id="HTML3">
<h2 class="title">Corat-coret ku</h2>
<div class="widget-content">
<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">

</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 = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://iseng2010.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src="http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js" type="text/javascript"></script><script src="http://www.kupas-blogger.blogspot.com/feeds/posts/default?max-results=10&orderby=published&alt=json-in-script&callback=showrecentposts"></script><div style="height: 280px;" class="spyWrapper"><ul class="spy"><li style="height: 70px; opacity: 0.372615; display: block;"><a href="http://kupas-blogger.blogspot.com/2009/11/memasang-widget-buku-tamu-atau-shoutbox.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKPvZxIGXF4ZMRaozIU3VBH9fzgLn5ji4U6tmtZuEgylJSJyNEsv3pvVJT5KfLR3ak72HpDQSyftfOrnUGbMFSJ-q3qifHwU8T8JVir3yIuiq4z4mBNTKRiGZanPwHp-S9RnjSwP8bBbA/s320/1.gif" class="recent-thumb" height="70" width="70"></a><a href="http://kupas-blogger.blogspot.com/2009/11/memasang-widget-buku-tamu-atau-shoutbox.html" class="recent-link"><b>Memasang Widget Buku Tamu atau Shoutbox</b></a><div class="spydate"><i><font color="#666666"> (22 Nov 2009)</font></i></div><div class="spycomment"><i><font color="#666666">(0 comments)</font></i></div></li><li style="height: 70px; opacity: 1; display: block;"><a href="http://kupas-blogger.blogspot.com/2009/11/memasang-album-foto-slide-show.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBkiBzVSmcQFVfTROQcauOUa2ZnEeLZmv2GHNpjaLCVKu6RjVSue7pV12ph7YLt88k63ah7iUeWydHfMjjJFHvCvLQV2l1bc-uWh-XfDQIlM7f07QNiblIRs1h_PIxbbkEJGGIMnHLJy4/s320/slideshow1.gif" class="recent-thumb" height="70" width="70"></a><a href="http://kupas-blogger.blogspot.com/2009/11/memasang-album-foto-slide-show.html" class="recent-link"><b>Memasang Album Foto Slide Show</b></a><div class="spydate"><i><font color="#666666"> (22 Nov 2009)</font></i></div><div class="spycomment"><i><font color="#666666">(0 comments)</font></i></div></li><li style="height: 70px; opacity: 1; display: block;"><a href="http://kupas-blogger.blogspot.com/2009/11/memasang-related-post-di-blogger.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrqm0SjXFd1bqEsXlKac2TCRmW5We-aERm8PSM7UMYgFmb2YJR0YzamX9u1sF42lIkUIVSS3-vAdsCGkWPUx-XvxL2zTOjY7xEQ_0t1C7EllXOoGMv33Etuvd121n5sqrtEb1iXeK3zvI/s320/related+post+normal.gif" class="recent-thumb" height="70" width="70"></a><a href="http://kupas-blogger.blogspot.com/2009/11/memasang-related-post-di-blogger.html" class="recent-link"><b>Memasang Related Post di Blogger</b></a><div class="spydate"><i><font color="#666666"> (27 Nov 2009)</font></i></div><div class="spycomment"><i><font color="#666666">(0 comments)</font></i></div></li><li><a href="http://kupas-blogger.blogspot.com/2009/12/memasang-related-post-thumbnail-dari.html"><img src="http://i43.tinypic.com/orpg0m.jpg" class="recent-thumb" height="70" width="70"></a><a href="http://kupas-blogger.blogspot.com/2009/12/memasang-related-post-thumbnail-dari.html" class="recent-link"><b>Memasang Related Post + Thumbnail dari Linkwithin</b></a><div class="spydate"><i><font color="#666666"> (01 Dec 2009)</font></i></div><div class="spycomment"><i><font color="#666666">(0 comments)</font></i></div></li></ul></div>

</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=7840457457756899033&widgetType=HTML&widgetId=HTML3&action=editWidget" onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target="configHTML3" title="Edit">
<img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>

NB:
jangan lupa tulisan yang bewarna merah ganti dengan link tulisan kamu

selamat mencoba semoga bermanfaat

Berbagi Tips dan trik