Pernah melihat model recent post menyerupai ini? Ya, itu ialah recent post bawaan dari Blogger.com. Jika dilihat-lihat, tampilannya memang terasa sedikit memaksa dengan template blog kita. Komposisi warna dan model karakter yang tidak sanggup diubahsuaikan terkadang juga menciptakan recent post ini menjadi tampak menyerupai "tempelan" saja, bukannya menjadi salah satu bab dari badan blog kita. Selain itu, salah satu bab kecil berupa tautan bertuliskan continue >> juga mungkin akan sedikit mengganggu bagi para anak bangsa yang cinta bahasa tanah air. Nah, untuk mengatasi semua duduk kasus itu, kau sanggup memakai baris script yang Saya peroleh dari salah seorang tetangga Saya yang baik hatinya. Namanya mas Hoctro (hehe..)Salin saja semua isyarat ini, lalu letakkan di dalam sebuah elemen halaman HTML/JavaScript:
<script type='text/javascript'> //<![CDATA[ //kredit kepada HOCTRO function rp(json) { document.write('<ul>'); for (var i = 0; i < numposts; i++) { document.write('<li>'); var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } posttitle = posttitle.link(posturl); readmorelink = readmorelink.link(posturl); var postdate = entry.published.$t; var cdyear = postdate.substring(0,4); var cdmonth = postdate.substring(5,7); var cdday = postdate.substring(8,10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "Mei"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Agt"; monthnames[9] = "Sep"; monthnames[10] = "Okt"; monthnames[11] = "Nov"; monthnames[12] = "Des"; if ("content" in entry) { var postcontent = entry.content.$t; } else if ("summary" in entry) { var postcontent = entry.summary.$t; } else var postcontent = ""; var re = /<\S[^>]*>/g; postcontent = postcontent.replace(re, ""); document.write(posttitle); if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday); if (showpostsummary == true) { if (postcontent.length < numchars) { document.write(postcontent); } else { postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" "); postcontent = postcontent.substring(0,quoteEnd); document.write(' ' + postcontent + '...' + readmorelink); } } document.write('</li>'); } document.write('</ul>'); } //]]> </script> <script type='text/javascript'> var numposts = 7; var showpostdate = true; var showpostsummary = true; var numchars = 100; var readmorelink = "(lagi)"; </script> <script src="http://hompimpaalaihumgambreng.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>Simpan elemen halamanmu. Sekarang kita tinggal melaksanakan beberapa penyesuaian.
Sedikit Penyesuaian:
- Gantilah http://hompimpaalaihumgambreng.blogspot.com dengan alamat blogmu.
- Semua isyarat yang Saya beri warna merah ialah variabel yang sanggup kau utak-atik sesuai dengan bahasamu.
var numpostsialah variabel untuk memilih jumlah posting yang tampil (dalam hal ini 7).var numcharsialah variabel untuk memilih jumlah teks konten posting yang diringkas/dipotong.- Di situ juga terdapat nilai-nilai
truedanfalse. Cobalah untuk mengganti nilaitruedenganfalseatau sebaliknya dan lihat sendiri perbedaannya.
Nah, kini kita sudah sanggup mempunyai model recent post/posting terbaru dengan tampilan dan bahasa yang sanggup mengikuti keadaan dengan pemodel template kita menyerupai ini:
