2

Cara Memasang Recent Post Widget di Blog Custom URL

Kali ini Arlina Design akan berbagi sebuah widget yang mungkin sudah tidak asing lagi buat sobat blogger.

Cara Memasang Recent Post Widget di Blog Custom URL
Kali ini Arlina Design akan berbagi sebuah widget yang mungkin sudah tidak asing lagi buat sobat blogger.

Widget ini masih memiliki fungsi yang sama dengan recent post widget dengan navigasi yang pernah Saya bagikan sebelumnya, yaitu untuk memunculkan feed dari postingan terbaru di blog kita. 

Hanya bedanya widget ini tidak menampilkan thumbnail post dan tampilannya pun cukup sederhana, yang membuat widget ini ringan dan proses memuat halaman blog pun lebih cepat

Berikut langkah pemasangan widget ini pada blog :
1. Buka Blogger > Tata Letak > Tambahkan widget baru kemudian salin dan simpan semua kode
[ <style scoped='' type="text/css">

ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}

li.recent-posts:last-child{border-bottom:0;}

li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}

</style>

<ul id="recent-posts"></ul>

<script>

//<![CDATA[

var homePage = "http://www.URL_BLOG_ANDA.com",

numPosts = 5;

function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);

//]]>

</script> ]
Catatan : Ganti kode yang ditandai dengan URL blog sobat dan jumlah post yang akan ditampilkan.
2. Simpan widget dan lihat hasilnya

COMMENTS

Nama

Anekdot,10,Blogging,2,Cerpen,6,Cuaca,70,Download,24,Hong Kong,29,Iklan,3,Indonesia,2,Inspirasi,82,Islam,411,Kesehatan,66,Konsultasi,12,Kuliner,61,Malaysia,2,News,431,Opini,238,Orang Hilang,5,Pernik,22,Pojokbmi,297,Ponorogo,4,Resep,8,Singapura,2,Taiwan,63,Tekno,51,Unik,2,Wirausaha,13,Wisata,26,
ltr
item
DE-YUAN.COM ~ Media Online TKI: Cara Memasang Recent Post Widget di Blog Custom URL
Cara Memasang Recent Post Widget di Blog Custom URL
Kali ini Arlina Design akan berbagi sebuah widget yang mungkin sudah tidak asing lagi buat sobat blogger.
https://3.bp.blogspot.com/-uNJT_7T27qM/WTj0qkYaPfI/AAAAAAAAHtY/c8xeDa6Zl486-6N2-fKSGgcDfgSbMPLHgCLcB/s640/cara%2Bpasang%2Brecent%2Bpost.JPG
https://3.bp.blogspot.com/-uNJT_7T27qM/WTj0qkYaPfI/AAAAAAAAHtY/c8xeDa6Zl486-6N2-fKSGgcDfgSbMPLHgCLcB/s72-c/cara%2Bpasang%2Brecent%2Bpost.JPG
DE-YUAN.COM ~ Media Online TKI
http://www.de-yuan.com/2017/06/cara-memasang-recent-post-widget-di.html
http://www.de-yuan.com/
http://www.de-yuan.com/
http://www.de-yuan.com/2017/06/cara-memasang-recent-post-widget-di.html
true
4981504600613212983
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy