Masih ingat? dulu kita sudah belajar membuat recent post yang berjalan layaknya headline atau running teks. Kali ini kita akan belajar membuat seperti itu tapi bukan recent post (tulisan terbaru) tapi random post. Judul tulisan (postingan) secara random akan ditampilkan dengan format running teks, bukan itu saja juga akan ditampilkan jumlah komentar yang ada pada postingan itu.
Dengan memasang Random Post berjalan ini manfaatnya adalah untuk meningkatkan page view blog karena tulisan-tulisan yang sudah agak lama yang kita posting dapat diklik lagi dan dibaca. Selain itu juga tidak banyak menyita banyak tempat. Langsung saja kita praktekan bersama.
Cara Membuat Random Post Berjalan
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://relevan01.co.cc
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<!-- Alphabetical Post Title Listing End -->
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://relevan01.co.cc
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<!-- Alphabetical Post Title Listing End -->
5. Ganti http://relevan01.co.cc dengan URL blogmu sendiri dan 1 adalah kecepatan berjalannya.
6. Simpan jika sudah selesai.
Posting Komentar