Halo sobat,...
Selamat pagi dan selamat berakhir pekan, semoga akhir pekannya menyenangkan...
Pagi ini admin akan posting tentang cara membuat widget artikel terbaru atau recent post, seperti namanya widget ini berfungsi untuk menampilkan postingan - postingan terbaru dari blog kita, dan dengan menerapkan widget ini semoga pengunnjung blog kita bertambah.
Baiklah ikuti tutorialnya dibawah ini:
1. Masuk ke akun blog, kemudian pilih tata letak
2. Setelah itu klik tambah gadget dan pilih HTML/Java Script
<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 = 10;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://imanjayoda.blogspot.com./feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
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 = 10;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://imanjayoda.blogspot.com./feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
4. Ganti imanjayoda.blogspot.com dengan url blog sobat kemudian klik simpan
5. Selesai
Baca juga cara mudah mengganti warna background template
Bagaimana sobat mudahkan? selamat mencoba semoga berhasil...
Wassalamualaikum wr.wb
2 Comments
makasih ya gan.. keren sangat membantu
ReplyDeleteoke sama-sama mas
DeleteBerkomentarlah Dengan Baik Dan Sopan
Segala Komentar Yang Masuk Akan Dimoderasi Dahulu Sebelum Ditampilkan