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>
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.
Wow,,,,Trik yg manstab,wakwwakakakaka,,,tapi jangan lupa setelah baca artikel diatas,,,baca juga artikel yang ini Info Kesehatan
27 April 2010 pukul 18.51
Thanks Infonya Sob, Sangat Membatu saya sebagai newbie niw.
Comment back yupz,...
3 Mei 2010 pukul 18.31
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...
3 Mei 2010 pukul 23.35
boleh juga ini di coba. makasih
7 Juli 2010 pukul 14.23
menarik nih infonya. makasih
7 Juli 2010 pukul 14.25
Adam>>> Sama2 info kan memang harus disebar luaskan... Betullll....
Cantika >>> Semoga membantu....
8 Juli 2010 pukul 13.58
nice share sob, sedikit masukan ne kalo boleh.. tiap postingan tutorial akan mjd lbih menarik kalo disertakan langsung contohnya.. trimks
17 Maret 2011 pukul 05.48
Anggawa Artha>> Oke sob... nanti ti kasih contohnya.. di sidebar..
17 Maret 2011 pukul 11.17
Posting Komentar