Menampilkan Blogger Posts Terbaru adalah ide yang paling bermanfaat untuk menjaga pembaca Anda sibuk karena itu tidak selalu mendarat di halaman rumah Anda sehingga ketika mereka mendarat halaman posting maka bagaimana mereka akan tahu tentang Anda posting terbaru sehingga menambah widget ini pada halaman posting Anda untuk meningkatkan halaman Anda views. Ada banyak tersedia di internet tetapi yang satu ini fitur penuh dengan semua data untuk menunjukkan apa yang Anda inginkan.
Fitur:
1.) Pure Ditambahkan JavaScript.
2.) Tidak ada JQuery Berkas Ditambahkan.
3.) No CSS Ditambahkan.
4.) Sederhana Dan Cepat Loading Code.
5.) Bisa Bekerja Dengan Any Browser.
6.) Bekerja Dengan Setiap Blogger Domain.
7.) Bisa Set The Post Hitung, Pos Thumbnail, Read More, Komentar Count, Comment Link, Post Date, Pos Ringkasan, Character Count.
8.) Plain Dalam Desain.
9.) Fully Customizable Dengan Desain Anda.
10.) Bisa Kontrol Semuanya.
Cara Tambah Di Blogspot?
1.) Pergi Untuk Anda www.blogger.com
2.) Buka Keinginan Anda "Blog".
3.) Pergi Untuk "Layout".
4.) Klik "Add A Gadget" Di mana Anda Ingin Tambah Ini.
5.) Sekarang Gulir Untuk "HTML-JAVASCRIPT"
6.) Klik "+" Icon Tambah Ini.
7.) Sekarang "Copy" The bawah Kode Dan "Paste" It To Ada.
8.) Tinggalkan The "Judul" Empty.
9.) Klik "Simpan", Sekarang Anda Apakah Selesai.
JavaScript:
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 500;
function blogLatestPost(json) {
for (var i = 0; i < numposts; i++) {
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 == 'replies' && entry.link[k].type == 'text/html') {
var commenttext = entry.link[k].title;
var commenturl = entry.link[k].href;
}
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
var thumburl;
try {
s = entry.content.$t;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
thumburl = d;
}
else
{
thumburl = 'http://www.webaholic.co.in/other/no-image.jpg';
}
}
catch (error) {
thumburl = entry.media$thumbnail.url; // 72x72 Image
}
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";
document.write('<div id="mainDIV">');
if (showpostthumbnails == true)
document.write('<img class="post_img" src="' + thumburl + '"/>');
document.write('<h2 class="post_heading">' + posttitle + '</h2>');
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, ""); // Will Show Only Text Instead Of HTML
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write('<span class="post_summary">');
document.write(postcontent);
document.write('</span>');
} else {
document.write('<span class="post_summary">');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0, quoteEnd);
document.write(postcontent + '...');
document.write('</span>');
}
}
var towrite = '';
document.write('<strong class="post_footer">');
if (showpostdate == true) {
towrite = 'Published On: ' + towrite + monthnames[parseInt(cdmonth, 10)] + '-' + cdday + '-' + cdyear;
}
if (showcommentnum == true) {
if (commenttext == '1 Comments') commenttext = '1 Comment';
if (commenttext == '0 Comments') commenttext = 'No Comments';
commenttext = '<br/><a href="' + commenturl + '" target ="_blank">' + commenttext + '</a>';
towrite = towrite + commenttext;
}
if (displaymore == true) {
towrite = towrite + '<br/><a href="' + posturl + '" target="_blank">Read Full Article --></a>';
}
document.write(towrite);
document.write('</strong></div>');
}
}
</script>
<script src='http://blogsmanado.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=blogLatestPost&max-results=999999'></script>
Url http://blogsmanado.blogspot.com Ganti alamat blognya dan save dan lihat hasilnya.
No comments:
Write komentar