Salam, kali ini sy ingin berkongsi cara membuat widget list posting secara automatik beserta scrool bar. Ada kwn sy tnya bagaimana sy buat list pada footer 2? update manual ke? jwpn sy, automatik update. Tutorial ini dpt daripada greenlava punya blog.
1 Terlebih dahulu sila ikut langkah di blog dia. http://www.bloggersentral.com/2009/12/list-post-titles-in-alphabetical-order.html.
2 Untuk membuat scrool bar sila salin coding dibawah dan tukarkan "Insert Text Disini" dengan koding di blog greenlava tersebut.
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">Insert text Disini!</div>
3. Lihat contoh dibawah. Sebagai Rujukan Sahaja.
<div style="overflow:auto;width:250px;height:200px;padding:10px;border:1px solid #eee">
<!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<ul style="font-weight:bold">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://syoknyerblogging.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<!-- Alphabetical Post Title Listing End --></div>4 Anda boleh menukarkan height ngan width mengikut size yang anda inginkan.Selamat Mencuba. (^^,).
Gadget
Jika anda sukakan article ini,linkkan kembali...
0 ulasan