Komentar

Jumat, 27 Agustus 2010

Home » , » Recent Post Scrolling

Recent Post Scrolling

Untuk postingan kali saya dapat inspirasinya dari blog walking beberapa waktu yang lalu. Nah...waktu itu saya menemukan tutorial blog yang oke punya , yakni cara membuat recent post bergerak atau scrolling.
Caranya mudah kok...:
1. Sign in ke dashboard anda
2. Go to Layout » Add a gadget » html/javascript
3. Copy paste kode berikut ini




<style type="text/css">
ul { cursor: pointer;  text-shadow: 0 1px 1px rgba(0,0,0,.3);  -webkit-border-radius: .5em;  -moz-border-radius: .5em;  border-radius: .5em;  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  box-shadow: 0 1px 2px rgba(0,0,0,.2); background:; list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl6CoqN8kqoBqKz1_G2DhiMQqoTm-fEDdLqw1EREdPEucDIQITg9nAHrj2Tc01k5U_X0HBoFtMi8zuTnEa-dsuThfBLcWkaywRd4Kh6c69bjdlCDjD-RmbJcFapnTN61AzfUr9tc8FFjo/)}
ul a{text-decoration:none;}
ul a:hover {background:;text-decoration:none; color: red;"}
</style>

<marquee behavior="scroll" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
<script>
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);
var readmorelink = "(more)";
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] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
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>
var numposts = 500;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>

<script src="http://www.purbalingga.co.cc/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script></marquee>


Artikel Terkait:

4 komentar:

Soe86 mengatakan...

Wah, baru tau yang ini...
tnks
Eh, banner blog ini sudah kupasang di blogku, tolong bannerku di pasang juga ya...

arbazena.com mengatakan...

Salam kenal dan sukses selalu, link sudah saya pasang di:
http://onlinetourservices.com/page/26193/link-exchange.html

Dan

http://the-arbazenas.blogspot.com/p/link-exchange.html

soe86 mengatakan...

Hai sob, ku dah posting tentang cara membuat menu horizontal dropdown di
http://soe86.blogspot.com/2010/08/cara-membuat-menu-horizontal.html

Baca News mengatakan...

Sangat berguna @_@
Baca News Online

Posting Komentar

Berkomentarlah Dengan Baik dan Sopan ....!!
Jika Ada Kerusakan atau Link Download Tidak Tersedia, Silahkan Lakukan Pemberitahuan Pada Kotak Komentar Di Bawah Ini.

Copyright Text

By Lailawati
HEAD LINE NEWS CREATIVE BY ELLA BLOG |UNTUK MEMUDAHKAN MENDOWNLOAD FILE, GUNAKAN INTERNET DOWNLOAD MANAGER (IDM) |TERIMAKASIH ATAS KUNJUNGANNYA |