Daftar Isi

Blog Archive

Kode Tukar Link

Silahkan copy kode di bawah ke blog teman - teman, saya akan linkback secepatnya

Blogspot Tutorial

Badge Sahabat

Kumpul Blogger

Minggu, 22 Mei 2011
Home » , , » Cara Membuat Scrolling Random Post

Cara Membuat Scrolling Random Post

Scrolling Random Post adalah Judul Posting yang ditampilkan secara Acak dengan menggunakan sedikit animasi seperti pada Text Marque...

Nah, seperti yang telah saya pasang pada blog ini...Hmmm, dari pada bingung, langsung aja ni tak kasih cara bikinnya....
Login ke blogger, langsung masuk ke Rancangan --> Page Element --> Add Gadget --> HTML/Script.

Kemudian Copy kode dibawah ini kedalam-nya :

<style type="text/css">
ul { list-style-image: url(http://img375.imageshack.us/img375/2936/flower.png) }
ul a{text-decoration:none;}
ul a:hover {background:#66FF00; text-decoration:none; color: red;"}
</style>
<marquee behavior="scroll" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="http://tutorial-tips-trik-internet-komputer.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script></marquee>


Selanjutnya yang perlu dilakukan perubahan adalah kode yang diberi warna merah.

Ganti numofpost=10 sesuai dengan jumlah post yang ingin ditampilkan.

Dan terakhir ganti link http://tutorial-tips-trik-internet-komputer.blogspot.com, sesuai dengan link anda sendiri.


Selamat Mencoba...

Artikel Terkait



2 komentar:

amal sholeh mengatakan...

makasih bos

Pengobatan Benjolan Di Ketiak mengatakan...

Terimakasih buat tutorialnya ini mas, sukses..

Posting Komentar

Silahkan tinggal komentar bila ada kesalahan posting kami....

Setiap Detik Yang Berharga

Daftar Blogroll

Blog Status

PlanetBlog - Komunitas Blog Indonesia The Republic of Indonesian Blogger | Garuda di Dadaku Internet Blogs
Internet directory Google PageRank Checker Powered by  MyPagerank.Net SEO Stats powered by MyPagerank.Net Hosting in UK
free counters