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. (^^,).










Share Gadget
Stumble
Delicious
Technorati
Twitter
Facebook
Blog
Gadget


Jika anda sukakan article ini,linkkan kembali...



Dicatat oleh Thalhah Amir on Khamis, 9 Disember 2010

0 ulasan

Catat Ulasan

Cari Blog Ini

Pengikut

Pengikut Facebook

Informasi

SyoknyerBlogging adalah sebuah blog tutorial untuk bloggers yang menggunakan platform blogspot. Semua tutorial disini adalah daripada pengalaman sy berblogging selama 3 tahun. Sy bukan untuk mengajar tetapi lebih kepada berkongsi. Harap anda gembira disini. (^^,)

Mengenai Saya

Foto saya
Sy sangat sukakan web. Seorang Programmer. Pemilik Syoknyerblogging
Copyright 2010 | SyoknyerBlogging | Belajar Blogging Dalam Bahasa Melayu
Zengard Template designed by the Jinsona Design and XML coded by CahayaBiru.com