Pages

Monday, November 26, 2012

Tutorial : Buat List Recent By Label


Adakah anda mahu belajar cara hendak menyenaraikan list post anda melalui hanya label sahaja..
cuba lihat cara-caranya

step 1 :Pergi Ke Design > Page Elements > Tekan Add A Gadget




Step 3: In Add A Gadget window,pilih HTML/Javascript 


Step 4: tulis label anda sebagai tajuk anda

kemudian copy kod ini...


<!-- Recent Posts by Label Start -->
<!-- code by brought2you.blogspot.com -->
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="YOUR_BLOG_URL/feeds/posts/summary/-/YOUR_LABEL?max-results=SHOW_HOW_MANY&alt=json-in-script&callback=recentpostslist"></script><span style="font-size: 80%; float:right;">Get this <a href="http://brought2you.blogspot.com/2012/03/list-recent-posts-by-label.html">widget</a></span>
<!-- Recent Posts by Label End -->

Ganti YOUR_BLOG_URL dengan url blog anda.
Ganti YOUR_LABEL  dengan label anda .Pastikan label adalah betul.
Gantikan  SHOW_HOW_MANY dengan angka digit dalam paparan post..


Kemudian Save ...Selamat Mencuba. 

No comments:

Post a Comment