Script Widget Recent Post ala Arlina Design Keren

Postingan terakhir pada blog sangat berpengaruh kepada pembaca yang berasal dari pengunjung organik search engine. Jika blog kita memiliki penggemar yang selalu menanti postingan terbaru widget ini tidak terlalu berpengaruh karena pengunjung langsung mengunjungi laman home blog kita. selain untuk pengunjung postingan dari search engine juga memudahkan pengunjung berpindah ke postingan lainnya secara mudah.

Sticky widget berfungsi untuk membuat widget tertentu menjadi sticky atau melayang mengikuti kursor halaman ketika digulir ke atas dan kebawah.

Bagi kamu penggemar blog arlina maka kamu akan melihat recent post keren, maka kali ini admin akan berbagi script widget post ala arlina design.

Cara Memasang Widget Recent Post/Postingan terakhir dengan snippet, Tanggal dan Komentar:

1. Pada Panel Navigasi blogger, silahkan klik Tata Letak

2. Lalu klik Tambahkan widget pada bagian sidebar atau lainnya, lalu pilih HTML/JavaScript

3. Salin script dibawah ini pada Widget HTML yang telah sobat buat tadi
<style scoped='' type='text/css'>
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#recent-posts ul li:last-child{border-bottom:0}
#recent-posts ul li a{display:block;color:#222;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
</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='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="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>
Silahkan ganti tulisan yang diberi warna merah diatas.
rcp_numposts=5; = Jumlah postingan yang ingin ditampilkan.
var rcp_snippet_length=150; = Jumlah karakter isi artikel yang akan ditampilkan.
rcp_info='yes'; = Untuk menyembunyikan/menampilkan keterangan tanggal dan jumlah komentar.
rcp_comment='Comments'; = Nama judul tulisan dari jumlah komentar.

4. Lalu klik simpan

Sekian postingan tentang Script Widget Recent Post ala Arlina Design Keren, semoga bermanfaat bagi agan semua. terimakasih.

0 Response to "Script Widget Recent Post ala Arlina Design Keren"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel