Cara Membuat Widget Recent Posts Blogger Responsive | Artikel Terbaru | Tulisan Terbaru | Recent Posts Width Thumbnails Blogger Responsive | Apa lagi yah Pokonya Ini Widget sudah responsive dan keren banget..Bagaimana? Apakah Sobat tertarik untuk memasang widget di atas pada sidebar blog?
<div style='background: #FFFFFF; border: 1px solid #DDDDDD; display: inline-block; line-height: normal; margin: 0 0 5px; padding: 5px;'><style type='text/css' scoped='scoped'>
#recent-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:65px;height:45px;padding:3px}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=10;
var rcp_snippet_length=150;
var rcp_info='no';
var rcp_comment='Comments';
var rcp_disable='T?t Nh?n xét';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6sMY2fsH6DNQSjej_OKOd83II-XGiIpxjF6TV_kfZDRkzmFPB6SnArZKPniG8A9zY3RXNQAk9qkj_a6bO5h3Xn0YEmu16DFzAsb8LR1S5NdfcQDP_A9IVXTi7ArBw_-vlvM45H9Ow6vAs/"};}};dw+='';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div></div>
Jika Sobat berminat memasangnya, silakan simak langkah-langkahnya di bawah ini.
1. Masuk ke Blogger Sobat.
2. Klik "Opsi lainnya" pada blog yang dipilih, lalu klik menu "Tata Letak".
3. Klik "Tambah Gadget".
4. Pada bagian "Dasar-dasar", carilah HTML/JavaScript, lalu klik tautannya.
5. Berikan judul sesuai keinginan.
6. Pada kotak "Konten", masukkan kode di bawah ini.Lalu klik -SIMPAN
2. Klik "Opsi lainnya" pada blog yang dipilih, lalu klik menu "Tata Letak".
3. Klik "Tambah Gadget".
4. Pada bagian "Dasar-dasar", carilah HTML/JavaScript, lalu klik tautannya.
5. Berikan judul sesuai keinginan.
6. Pada kotak "Konten", masukkan kode di bawah ini.Lalu klik -SIMPAN
#recent-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:65px;height:45px;padding:3px}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=10;
var rcp_snippet_length=150;
var rcp_info='no';
var rcp_comment='Comments';
var rcp_disable='T?t Nh?n xét';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6sMY2fsH6DNQSjej_OKOd83II-XGiIpxjF6TV_kfZDRkzmFPB6SnArZKPniG8A9zY3RXNQAk9qkj_a6bO5h3Xn0YEmu16DFzAsb8LR1S5NdfcQDP_A9IVXTi7ArBw_-vlvM45H9Ow6vAs/"};}};dw+='';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div></div>
4 Comments
oh gituh yaa caranya terimakasih..
Replyartikelnya sangat bermanfaat...
Ok Sama-sama ,terimakasih atas kunjungannya
Replyudah lama ga mampir ke sini hehehe. btw template ganti kah ?
Replymantap gan, thanks Infonya mbah
ReplyAdmin tidak bertanggung jawab atas semua isi komentar ,Mohon dipahami semua isi komentar dengan bijak