Tutorial Memasang Wigdet Artikel Terbaru Blogger Menggunakan Komentar Dan Data Post

Namecheap.com
Tutorial Memasang Wigdet Artikel Terbaru Blogger Menggunakan Komentar Dan Data Post

Tutorial Memasang Wigdet Artikel Terbaru Blogger Menggunakan Komentar Dan Data Post - Bagi anda yang tertarik ingin memasang wigdet ini untuk menambah kelengkapan pada blog anda, wigdet ini hanya menggunakan HMTL, jadi anda tidak perlu pusing-pusing untuk mengedit tema, cukup mengatur ke tata letak dan buat HMTL dan save selesai.

Untuk kode nya silahkan anda copy kode di bawah berikut.
<style scoped='' type='text/css'>
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background:#ffffff;float:left;height:70px;margin-right:8px;width:100px;border-radius:0}
#recent-posts ul{margin:10px 0 !important;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #ededed}
#recent-posts ul li:last-child{border-bottom:0}
#recent-posts ul li a{display:block;color:#111;font-weight:500;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
#recent-posts ul li a:hover {color:#0099cc;}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='Komentar';
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="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"};}};dw+='<li>';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></li>';};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>
Buka Dashbor - Tata Letak - Tambah Gagdet - HMTL dan paste pada bagian HMTL

Warna merah adalah url gambar thumbanil, jika anda ingin menganti silahkan ganti dengan alamat url image anda.

Untuk mengatur bagian artikel yang tampil, silahkan anda ubah jumlah var rcp_numposts= dengan angka sesuka anda.

Subscribe to receive free email updates:

0 Response to "Tutorial Memasang Wigdet Artikel Terbaru Blogger Menggunakan Komentar Dan Data Post"

Post a Comment