Widget Recent Posts Blogger Responsive

Widget Recent Posts Blogger Responsive
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?  
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".

Widget Recent Posts Blogger Responsive

3. Klik "Tambah Gadget".

Widget Recent Posts Blogger Responsive

4. Pada bagian "Dasar-dasar", carilah HTML/JavaScript, lalu klik tautannya.

Widget Recent Posts Blogger Responsive
5. Berikan judul sesuai keinginan.

6. Pada kotak "Konten", masukkan kode di bawah ini.Lalu klik -SIMPAN
<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)+"&#133;";};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..
artikelnya sangat bermanfaat...

Reply

Ok Sama-sama ,terimakasih atas kunjungannya

Reply

udah lama ga mampir ke sini hehehe. btw template ganti kah ?

Reply

mantap gan, thanks Infonya mbah

Reply

Admin tidak bertanggung jawab atas semua isi komentar ,Mohon dipahami semua isi komentar dengan bijak