Disain Grafis, Tips dan Triks

Cara Membuat Recent Posts (Artikel Terbaru) Fast Loading, Valid di Blogspot



Cara Membuat Recent Posts (Artikel Terbaru) Fast Loading, Valid di Blogspot


Tips blog kali ini tentang widget artikel terbaru atau lebih kerennya Recent Posts yang akan dibuat dan dipasang di blog dan kode widget Recent Posts yang akan Ermawati bagikan loadingnya sangat cepat dan valid html. Jadi ketika pengunjung membuka halaman blog anda maka mereka tidak harus menunggu beberapa saat untuk membaca artikel blog anda. Untuk mempersingkat penjelasan silahkan simak tips blogspot membuat widget recent posts menjadi valid html dan loading cepat dibawah ini.

Baca juga : Cara membuat random post valid dan loading cepat

Cara Membuat Artikel Terbaru Valid di Blog
1. Login ke blogger
2. Pilih Tata Letak => Tambah Gadget
3. Masukkan kode berikut didalamnya

<script type="text/javascript">
function showrecentposts(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=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}
</script>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://tips-erma.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>

4. Simpan

Keterangan :
1. var numposts = 5; merupakan jumlah artikel yang ditampilkan, silahkan diubah
2. Ganti url saya dengan url blog anda

Cara Membuat Recent Posts (Artikel Terbaru) Fast Loading, Valid di Blogspot