 |
| Recent Post – Artikel Terbaru di Blog |
Cara Menampilkan Recent Post di Sidebar Blog atau yang sering disebut artikel terbaru mungkin menjadi sebuah tips yang jarang sekali dicari para blogger.
Ya memang karena secara default cara menampilkan recent post atau artikel terbaru di blog (sidebar) cukup mudah.
Sobat hanya perlu masuk pada akun blogger, pilih Gadget dan pilih feed dan memasukkan alamat url blog sobat, save selesai deh.
Namun ada kalanya, menjadi sebuah pengalaman ane juga sih, cara tersebut tidak bisa digunakan untuk menampilkan recent post atau artikel terbaru. Cara ini terbilang cukup mudah kok. Sama halnya membuat gadget baru.
Cara di ini nanti selain bisa untuk menampilkan recent post atau artikel terbaru, namun juga bisa untuk menampilkan artikel terbaru dari alamat blog atau situs lainnya. Misalkan saja sobat mempunyai blog lebih dari satu, maka bisa menampilkan artikel terbaru dari blog pertama ke blog kedua, dan seterusnya.
Cara Menampilkan Recent Post atau Artikel Terbaru Blog
<div id=”hlrpsb”> <script style=”text/javascript” src=”http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js”></script> <script style=”text/javascript”>var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script> <script src=”http://forumblogindo.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts”></script></div> <noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript> <style type=text/css> #hlrpsb a {color: #0B3861; font-size: 13px;} .bbrecpost2 { padding-top:6px; padding-bottom:6px; border-bottom: 1px #cccccc dotted; } </style>
4. Ganti kode yang berwarna merah dengan alamat URL blog sobat
5. Save
Menampilakn Artikel Terbaru dari Alamat URL Berbeda (Blog Lainnya)
Sama persis dengan cara di atas, namun kode warna merah diganti dengan alamat blog sobat yang ingin ditampilkan artikel terbarunya (recent post)
Jika menggunakan kedua cara di atas, sobat masih belum berhasil menampilkan recent post atau artikel terbaru di blog, maka gunakan cara di bawah ini:
1. Copa kode di bawah ini ke dalam gadget terbaru (mode HTML/ JavScript)
<style type=’text/css’>img.recent_thumb {width: 90px;height: 70px;float: left;margin-right: 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs strong {font-size:10px;}</style><script style=’text/javascript’ src=’https://googledrive.com/host/0BzPgmXeCwsMRcmlNOHhtaDNNMjA’></script><script style=’text/javascript’>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 50;</script><script src=’/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs’></script><hr/>
atau dengan kode di bawah ini:
<script type=”text/javascript”> window.recentposts=(function(){var a=function(p){var d=p||{},i=d.url_blog||””,n=d.numberofposts||5,h=d.id_contain||”#rcposts”,e=d.imagesize||40,b=d.snippetsize||100,c=d.loadingClass||”rcloading”,m=d.commentstext||”Comments”,l=d.firstcmtext||”Comment”,f=d.NoCmtext||”No Comments”,g=d.MonthNames||[“Jan”,”Feb”,”Mar”,”Apr”,”May”,”Jun”,”Jul”,”Aug”,”Sep”,”Oct”,”Nov”,”Dec”],k=d.pBlank||”http://2.bp.blogspot.com/-MZ2UNvioO2A/Up-XDjMGhWI/AAAAAAAABuo/7btg1OAL3FQ/s1600/no.png”;$(h).addClass(c);var j=i;if(i===””){j=window.location.protocol+”//”+window.location.host}$.ajax({url:j+”/feeds/posts/default?alt=json-in-script&orderby=published&max-results=”+n+””,type:”get”,dataType:”jsonp”,success:function(v){var y,o,w,q,A,D,z,F,x,C,E,s=””,B=v.feed.entry;if(B!==undefined){s=”<ul class=’rcpost’>”;for(var u=0;u<B.length;u++){for(var t=0;t<B[u].link.length;t++){if(B[u].link[t].rel==”alternate”){y=B[u].link[t].href;break}}for(var r=0;r<B[u].link.length;r++){if(B[u].link[r].rel==”replies”&&B[u].link[r].type==”text/html”){w=B[u].link[r].title.split(” “)[0];break}}if(“content” in B[u]){A=B[u].content.$t}else{if(“summary” in B[u]){A=B[u].summary.$t}else{A=””}}if(“media$thumbnail” in B[u]){D=B[u].media$thumbnail.url.replace(//s[0-9]+-c/g,”/s”+e+”-c”)}else{D=k}if(w===0){q=’ <span class=”rccomments”>’+f+”</span>”}else{if(w===1){q=’ <span class=”rccomments”>’+w+” “+l+”</span>”}else{q=’ <span class=”rccomments”>’+w+” “+m+”</span>”}}A=A.replace(/<S[^>]*>/g,””);if(A.length>b){A=A.substring(0,b)+”…”}o=B[u].title.$t;z=B[u].published.$t.substring(0,10),F=z.substring(0,4),x=z.substring(5,7),C=z.substring(8,10),E=g[parseInt(x,10)-1],s+='<li><a class=”rcthumbs” href=”‘+y+'” target=”_blank”><img style=”width:’+e+”px;height:”+e+’px;display:block” alt=”‘+o+'”src=”‘+D+'”/></a><strong><a href=”‘+y+'” target=”_blank”>’+o+'</a></strong><span class=”date”><span class=”dd”>’+C+'</span> <span class=”dm”>’+E+'</span> <span class=”dy”>’+F+”</span></span>”+q+”<p>”+A+”</p></li>”}s+=”</ul>”;$(h).html(s).removeClass(c)}else{$(h).html(“<span>No result!</span>”).removeClass(c)}},error:function(){$(h).html(“<strong>Error Loading Feed!</strong>”).removeClass(c)}})};return function(b){a(b)}})();</script><style type=”text/css”>ul.rcpost {line-height: 1.2;}ul.rcpost li{list-style:none;margin:0;overflow:hidden;padding: 0.7em 0px;}ul.rcpost .rcthumbs{float:left;margin:0 5px 5px 0}ul.rcpost strong{display:block}ul.rcpost p{margin:5px 0 11px}ul.rcpost .date,ul.rcpost .rccomments{font-size:11px;display:none}ul.rcpost .rccomments{padding-left:5px;border-left:1px solid #969191;display:none}</style><div id=”recentposts”></div><script type=’text/javascript’>//<![CDATA[$(document).ready(function () {recentposts({numberofposts:5,id_contain:”#recentposts”,commentstext:”Comments”,imagesize:72,snippetsize:100});});//]]></script>
2. Save
Masih belum berhasil juga? Wah, kayaknya memang blog sobat sangat misterius deh, hehe. Ok guys. Semoga dengan keberadaan recent artikel atau artikel terbaru yang terpasang di sidebar atau halaman footer blog, dapat meningkatkan trafik ke dalam mesin pencari.
Salam blogger.
Source:
http://blogromeltea.blogspot.co.id/2015/02/cara-menampilkan-widget-recent-posts.html
http://blogromeltea.blogspot.co.id/2015/02/cara-membuat-recent-posts-keren-di-blog.html
