Under Maintenance

please check later

×

Under Maintenance

please check later

×

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">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:288px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/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 = 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&amp;orderby=published&amp;alt=json-in-script&amp;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="http://2.bp.blogspot.com/_57Yvvkaa4Ng/SwoaA3MiY4I/AAAAAAAAAHw/QYb0Gw5om18/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="http://2.bp.blogspot.com/_57Yvvkaa4Ng/Swy-eDJPc4I/AAAAAAAAAIQ/fySZjHzcKn0/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="http://2.bp.blogspot.com/_57Yvvkaa4Ng/SxXivvhQ4QI/AAAAAAAAAI4/NJxjcQhYwz0/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&amp;widgetType=HTML&amp;widgetId=HTML3&amp;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

Komentar :

ada 1
abdillah mengatakan...
pada hari 

:@

Posting Komentar