Thursday, March 18, 2010

Membuat Most Populer Artikel Dengan Scroll

SOBAT Masih Bingung cara membuat Artikrl Most Populer Dengan scroll?

tidak usah bingung kali. hahaha

Karena saya akan menjelaskan Lengkap langkah-langkahnya.


Pertama anda dapatkan Dulu Kode Scroll Milik saya Tinggal Sopy aja di Bawah ini:


Code Most Populer Artikel:



<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 = 150;

var showpostdate = false;

var showpostsummary = false;

var numchars = 100;

</script>


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

Code scroll:


<div style="overflow:auto;width:270px;height:190px;padding:10px;border:1px solid #eee">


Sisipkan Code Most Populer anda Di SIni...



</div>



Kemudian anda Tinggal Memodifikasi Sedikit Code COde dari saya:


Berikut adalah Langkah-langkah Memodifikasinya:



* Pertama anda masuk dulu di Blogger.com

* Kemudian Pasti ada menu dashboaed, ya di situ sobat tinggal Pilih Tata Letak.

* Anda dapat menambahkan gengan : ADD gatget Pilih HTML/Java



COde Modifikasi yang Udah jadi:




<div style="overflow:auto;width:270px;height:350px;padding:10px;border:1px solid #eee">


<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 = 150;

var showpostdate = false;

var showpostsummary = false;

var numchars = 100;

</script>


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

</div>



Penjelasan:


Huruf Yang Bercetak Tebal ganti dengan URL anda.

Berapa banyak postingan yang ingin di tampilkan.


Wide: Lebar Kolom Scroll

hight: tinggi Kolom Scroll


Yah Itu saja yang Penting Untuk di Edit

Semoga Bermanfaat Artikel saya ini, Selamat Mencoba, Moga Berhasil :D


COMMENTS :




Don't Spam Here

2 komentar to “ Membuat Most Populer Artikel Dengan Scroll ”

Pertamax....
mas, bagaimana cara mendapatkan kode MOst Populer itu ?
yang tulisan berwarna merah...

Fajri Alhadi said...
on 

@Fajri: Pertamax juga. dik
ok moga blog km tmbah maju.....

Unknown said...
on 

Post a Comment

Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda dan Saya follow juga. Blog 7ASK adalah Blog Do Follow, Terimakasih atas kunjungan Anda..!

 

Copyright © 2008-2011 All Rights Reserved. Mobile View Powered by 7ASK / WAWAN ADIE and Distributed by Template

Facebook Twitter Mykaskus