Rabu, 07 April 2010

Membuat Recent Post Bergaya Random

Tentunya sobat semua telah mengetahui apa yang disebut dengan recent post? jika belum tau tech id kasih tau deh. Recent Post adalah Postingan Terbaru dari suatu web atau blog, dimana akan muncul postingan yang udah diposting terbaru. 
Namun jika recent post yang akan kita munculkan merupakan recent post yang membaca artikel lama yang telah diposting, akan terasa sangat berguna sekali, karena dapat memperkenalkan kepada orang lain, jika kita memiliki artikel yang mungkin saja dibutuhkan. 
Dari katanya sudah jelas sekali, Random... yaitu judul recent post akan dengan otomatis merubah judul urutannya dan pemunculannya, setiap kali orang membuka blog kita. 
Kalo begitu tidak usah banyak panjang lebar, macam menghitung luas persegi panjang aja. 

Langsung aja deh... Lets go...
1. Login ke blogger.com dengan menggunakan account anda tentunya
2. Pilih tab Tata Letak >>> Elemen Laman
3. Kalo udah masuk, tinggal tambah gadget aja deh... trus pilih yang HTML/JavaScript
4. Jika udah muncul kotaknya, langsung aja tuh namain nama tittle nya jadi Recent Post atau Artikel Terbaru. 

Nah disini nih yang dicari-cari... sobat copy code dibawah ini tepat di kotak konten. 

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ac99ebe0691031008a48d750fdbeaa67&url=http%3A%2F%2FblogAnda.blogspot.com&num=10" type="text/javascript"></script>

Nah, huruf yang ditebalkan atau blogAnda.blogspot.com diganti aja dengan blog anda..

Sedangkan huruf 10 yang ditulis dengan warna merah. Dapat dirubah sesuai dengan penampilan judul postingan yang anda kehendaki. 

Selamat mecoba aja deh.. Jika ingin membuat daftar isi yang lebih kumplit seperti ini bisa membaca cara untuk membuat daftar isi blog.

Previous Post
Next Post

post written by:

6 komentar:

  1. Thanks Infonya Sob, Sangat Membatu saya sebagai newbie niw.

    Comment back yupz,...

    BalasHapus
  2. Rif | Web >>> Thank kembali sob.... semoga apa yang disajikan tech id dapat membantu yang lain... karena sesuai tema tech id : "Share in accordance with what is known, and follow the Tips and Tricks in Windows"

    Jadi so, pasti berbagi dan sharing ilmu itu perlu...

    BalasHapus
  3. boleh juga ini di coba. makasih

    BalasHapus
  4. menarik nih infonya. makasih

    BalasHapus
  5. Adam>>> Sama2 info kan memang harus disebar luaskan... Betullll....

    Cantika >>> Semoga membantu....

    BalasHapus
  6. Anggawa Artha>> Oke sob... nanti ti kasih contohnya.. di sidebar..

    BalasHapus