Daftar Isi
Blog Archive
Kumpul Blogger
Minggu, 22 Mei 2011
Home »
Membuat Scroll Random Post
,
Posting Artikel
,
Tutorial Blog
»
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 :
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...
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>
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
Langganan:
Posting Komentar (Atom)
Setiap Detik Yang Berharga
Daftar Blogroll
-
Ide Desain Eksterior Kantor Minimalis Terbaik - Jika Kita mengambil sudut pandang dari sisi konsumen atau klien, maka desain eksterior dari sebuah bangunan kantor akan menjadi sangat krusial untuk menc...7 bulan yang lalu
-
UMRAH EKONOMI 2023 - PAKEJ UMRAH EKONOMI 2023 ✅OGOS ✅SEPT ✅OKT ✅NOV FREE HIGHSPEED TRAIN ‼️ FREE HIGHSPEED TRAIN‼️ FREE HIGHSPEED TRAIN‼️ Penerbangan EMIRATES AIRLINES ✈️ 👍ST...2 tahun yang lalu
-
Forantum Farm - Orang berkebutuhan khusus atau difabel merupakan orang yang memiliki fisik atau mental yang berbeda dengan individu pada umumnya. Mereka sulit bersaing de...10 tahun yang lalu
-
Browsing dan Download Lebih Cepat dengan cFosSpeed - Aktifitas browsing dengan Google Chrome terasa lebih cepat dibanding memakai browser lain seperti Internet Explorer, akan tetapi jika dalam waktu bersamaan...13 tahun yang lalu
-
Feed2PDF: Konversi RSS Feed Ke PDF - Anda punya blog favorit yang biasa anda baca secara online? Mungkin suatu saat anda ingin membacanya secara offline ketika waktu sedang senggang. Tool on...14 tahun yang lalu
-
2 komentar:
makasih bos
Terimakasih buat tutorialnya ini mas, sukses..
Posting Komentar
Silahkan tinggal komentar bila ada kesalahan posting kami....