Oke deh, langsung saja.....
- Seperti biasa masuk dulu ke Blogger
- Terus Tata Letak/Layout
- Pada halaman Page Element/Elemen Laman, klik Add a Gadget
- Pilih HTML/Javascript
- Copy code dibawah ini dan paste ke dalamnya :
<!--Top Comments by Serba Blog-->
<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Recent Posting :</b></div>
<div style="border: 3px dashed black; background: #ffffff; padding:2px; width:470px; font-size: 17px; color:red;">
<b><!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://nama-blog-anda.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<span style="font-size: 8px; float:right;"><a
href="http://serba-seru.blogspot.com/2010/01/cara-membuat-recent-posting-berjalan.html">
Grab this</a></span>
<!-- Alphabetical Post Title Listing End --></b></div>
<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Recent Posting :</b></div>
<div style="border: 3px dashed black; background: #ffffff; padding:2px; width:470px; font-size: 17px; color:red;">
<b><!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://nama-blog-anda.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<span style="font-size: 8px; float:right;"><a
href="http://serba-seru.blogspot.com/2010/01/cara-membuat-recent-posting-berjalan.html">
Grab this</a></span>
<!-- Alphabetical Post Title Listing End --></b></div>