Translate

16 July 2013

cara succes membuat recent post atau artikel terbaru menggunakan scroll box di blog

 assalammualaikum wr wb
salam blogger..
saya mau posting lagi nih tentang cara membuat recent post atau artikel terbaru menggunakan scroll box di blog , baca juga postian saya sebelumnya tentang cara sucess membuat efek shadow pada tepi/outer atau garis batas di blog ok kita langsung aja ke ke TKP ikuti langkah y dengan benar dan teliti agar berhasil ok

Lansun aja ok ..
#1.Seperti biasa masuk dulu ke Blogger
#2.Terus klik DESIGN
#3.Pada halaman Page Element/Elemen Laman, klik Add a Gadget
#4.Pilih HTML/Javascript
#5.Copy code dibawah ini dan paste ke dalamnya :

<div style='overflow:auto;height:230px'>
<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 = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
<script src="http://softwarekomputerglobal.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
</div>

#6.Shobat bisa menganti warna biru di atas sesuai jumlah yang shobat inginkan
#7.Ganti juga yang berwarna merah di atas dengan link blog shobat
#8.Jika tidak ingin memakai scroll box, hapus kode yang saya tandai warna hijau
#9.Kemudian di save/simpan terus lihat hasilnya

Oke itulah Sekilas tentang cara succes membuat recent post atau artikel terbaru menggunakan scroll box di blog , semoga artikel ini bermanfaat buat semuanya, jika ada kekurangan mohon dimaafkan karena saya disini masih sama-sama belajar dan atas perhatiannya saya ucapka terima kasih,.




Waalaikumsalam wr b

1 comment:

  1. Admin numpang promo ya.. :)
    cuma di sini tempat judi online yang aman dan terpecaya di indonesia
    banyak kejutan menanti para temen sekalian
    cuma di sini agent judi online dengan proses cepat kurang dari 2 menit :)
    ayo segera bergabung di fansbetting atau add WA :+855963156245^_^
    F4ns Bett1ng agen judi online aman dan terpercaya
    Jangan ragu, menang berapa pun pasti kami proseskan..
    F4ns Bett1ng

    "JUDI ONLINE|TOGEL ONLINE|TEMBAK IKAN|CASINO|JUDI BOLA|SEMUA LENGKAP HANYA DI : WWw.F4ns Bett1ng.COM

    DAFTAR DAN BERMAIN BERSAMA 1 ID BISA MAIN SEMUA GAMES YUKK>> di add WA : +855963156245^_^

    ReplyDelete