Topics :
Home » » Cara Memasang Recent Post Scroll pada Blog

Cara Memasang Recent Post Scroll pada Blog

Ungkit - Bagaimana Cara Memasang Recent Post Scroll pada Blog di Blogspot kita.Pernah lihat Recent Post pada sebuah Blog ada yang memakai Scroll...penasaran ingin mencoba...???

Untuk sistem Scroll Recent Post disini adalah dengan menggunakan sistem marquee dari Judul Post. Caranya cukup sederhana tinggal copy paste kode dibawah ini ke kotak Add Widget HTML/Scrip di blog, dan lakukan beberapa perubahan untuk penyesuaiannya sesuai dengan keinginan Anda.

Ini Scriptnya :

<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>
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 = 15;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>

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

Nach selanjutnya untuk mengetahui apa saja sich yang harus dilakukan perubahan terhadap perubahan diatas, patut diingat perubahan ini tidak mengikat.. he..he..,
Pada umumnya ada empat kode yang harus dirubah, yaitu :

Kode css dibawah ini :

<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>

kode ini diperlukan hanya untuk menambahkan background sebagai pengganti nomor atau icon list, dan kode css bisa diganti dengan alamat gambar yang diinginkan, bahkan bisa diedit untuk mempercantik tampilan scroll recent post atau dihilangkan saja, gimana hasilnya? coba saja...

Kemudian untuk kode scrollamount="2" merupakan kode yang mengatur kecepatan scroll, jadi bisa diganti berapa saja sesuai selera.

Kode selanjutnya adalah var numposts = 15;

Ini berfungsi untuk menampilkan berapa postingan yang akan kita tampilan di dalam kotak Recent Post Scroll.

Dan yang terpenting pada akhir adalah kode http://www.NAMABLOG.blogspot.com/feeds/posts/default,  kode tersebut harus diganti sesuai dengan alamat url feed masing-masing.

Selamat mencoba dan Semoga bermanfaat.... Biasakan Like and Share :))


1 komentar :

  1. Kado Freechips Khusus Menyambut Hari Natal & Tahun Baru 2017 - 2018

    Di tahun-tahun 2017 yang penuh dengan cerita tentang kesuksesan dan suka-duka kita semua kini akan segera kita akhiri, Siapkah teman-teman menghadapi tantangan dan petualangan di tahun 2018 ?.Datang-nya tahun yang baru, semakin memantapkan S1288Poker sebagai salah satu situs Poker Online terpercaya di Indonesia dari sekian banyaknya situs penyedia sarana permainan sejenis Ragam promo serta bonus. S1288Poker juga akan kami berikan Kado Freechips Khusus Menyambut Hari Natal & Tahun Baru 2017 - 2018 kepada anda semua nya .

    Penasaran Dengan Bonus Kali ini dari kami?
    Kini akan kami Beritahu Sayarat serta ketuntuan Kado Freechips Khusus Menyambut Hari Natal & Tahun Baru 2017 - 2018 :

    *Kado Freechips Sebesar Rp 50.000.- Untuk 100 Userid (Minimal Sudah Pernah Deposit Rp 50.000.- Khusus Member Baru).
    *Promo Berlaku dari tanggal 01 Desember 2017 s/d 01 Januari 2018 dan dimulai setiap pergantian tanggal dan Waktu Indonesia Barat (WIB).
    *1 UserID hanya bisa mengclaim bonus sekali saja.
    *Bonus Freechip Hanya di Bagikan Untuk 100 Userid Tercepat Yang Berhasil Claim.
    *Bonus Bisa di langsung Claim Melalui Via Livechat ataupun BBM S1288POKER.
    *Bonus Bisa di Withdrawkan Setelah Turn Over Melebihi 1 kali Bonus kado freechips (harus menang).
    *Jika Syarat dan Ketentuan Tidak Terpenuhi atau ada kecurangan, Maka Pihak S1288Poker Berhak Membatalkan atau Menarik kembali bonus Freechip Rp 50.000,- Tanpa Pemberitahuan ke UserID yang Bersangkutan.

    Jangan Lewatkan Kado Spesial dari kami, karena akan sangat sayang sekali jika momen berharga ini sampai terlewat begitu saja. Demikian program bonus khusus menyambut hari Natal Dan Tahun Baru 2017 - 2018 ini yang kami adakan, dan kami ingin mengucapkan banyak terima kasih kepada anda member setia S1288POKER yang sudah menaruh kepercayaan nya terhadap kami selama ini, dan tidak lupa juga kami mendoakan agar semua member kami mendapatkan hoki yang bagus di tahun baru 2018 ini dan mendapatkan bonus atau jackpot yang berlimpah. Salam kami dari Management S1288POKER.

    Contact Person S1288POKER:
    PIN BBM : 7AC8D76B
    Facebook : S1288.POKER
    Twitter : @S1288POKER

    Untuk Baca artikel kami silahkan klik link berikut : http://www.s1288poker.net/kado-freechips-khusus-menyambut-hari-natal-tahun-baru-2017-2018/

    BalasHapus