advertisement

Cara Menampilkan Recent Post di Sidebar Blog

By On Wednesday, September 14th, 2016 Categories : Internet

PalingPopuler.Com mengabarkan tentang Cara Menampilkan Recent Post di Sidebar Blog.

memasang recent post - artikel terbari di blog
Recent Post – Artikel Terbaru di Blog

Cara Menampilkan Recent Post di Sidebar Blog maupun yg terbiasa disebut artikel terbaru mungkin jadi sebuah tips yg jarang sekali dicari para blogger.

Ya memang karena secara default cara menampilkan recent post maupun artikel terbaru di blog (sidebar) cukup mudah.

advertisement

Sobat hanya perlu masuk pada akun blogger, pilih Gadget dan pilih feed dan memasukkan alamat url blog sobat, save selesai deh.

Namun ada kalanya, jadi sebuah pengalaman ane juga sih, cara tersebut tidak bisa digunakan untuk menampilkan recent post maupun artikel terbaru. Cara ini terbilang cukup mudah kok. Sama halnya membuat gadget baru.

Cara di ini nanti seyang lain bisa untuk menampilkan recent post maupun artikel terbaru, namun juga bisa untuk menampilkan artikel terbaru dari alamat blog maupun situs yang lainnya. Misalkan saja sobat mempunyai blog lebih dari satu, maka bisa menampilkan artikel terbaru dari blog pertama ke blog kedua, dan seterusnya.

advertisement

Cara Menampilkan Recent Post maupun Artikel Terbaru Blog

Caranya cukup mudah, yakni:
1. Masuk akun blogger
2. Tambah gadget di sidebar maupun halaman footer > pilih HTML/JavaScript
3. Copas kode di bawah ini :

<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 stkamurdstyling = 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 yg berwarna merah dengan alamat URL blog sobat
5. Save

Menampilakn Artikel Terbaru dari Alamat URL Berbeda (Blog Lainnya)

Untuk menampilkan recent post maupun artikel terbaru pada blog kita, namun yg ditampilkan dari blog yang lainnya ialah sebagai berikut:

Sama persis dengan cara di atas, namun kode warna merah diganti dengan alamat blog sobat yg ingin ditampilkan artikel terbarunya (recent post)

Jika menggunakan kedua cara di atas, sobat masih belum berhasil menampilkan recent post maupun 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=”http://www.forumblogindo.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs”></script><hr/>

maupun dengan kode di bawah ini:

<script type=”text/javascript”> window.recentposts=(function(){var a=function(p){var d=p”http://www.forumblogindo.com/”{},i=d.url_blog”http://www.forumblogindo.com/””http://www.forumblogindo.com/”,n=d.numberofposts”http://www.forumblogindo.com/”5,h=d.id_contain”http://www.forumblogindo.com/””#rcposts”,e=d.imagesize”http://www.forumblogindo.com/”40,b=d.snippetsize”http://www.forumblogindo.com/”100,c=d.loadingClass”http://www.forumblogindo.com/””rcloading”,m=d.commentstext”http://www.forumblogindo.com/””Comments”,l=d.firstcmtext”http://www.forumblogindo.com/””Comment”,f=d.NoCmtext”http://www.forumblogindo.com/””No Comments”,g=d.MonthNames”http://www.forumblogindo.com/”[“Jan”,”Feb”,”Mar”,”Apr”,”May”,”Jun”,”Jul”,”Aug”,”Sep”,”Oct”,”Nov”,”Dec”],k=d.pBlank”http://www.forumblogindo.com/””http://2.bp.blogspot.com/-MZ2UNvioO2A/Up-XDjMGhWI/AAAAAAAABuo/7btg1OAL3FQ/s1600/no.png”;$(h).addClass(c);var j=i;if(i===”http://www.forumblogindo.com/”){j=window.location.protocol+”//”+window.location.host}$.ajax({url:j+”/feeds/posts/default?alt=json-in-script&orderby=published&max-results=”+n+”http://www.forumblogindo.com/”,type:”get”,dataType:”jsonp”,success:function(v){var y,o,w,q,A,D,z,F,x,C,E,s=”http://www.forumblogindo.com/”,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(“http://www.forumblogindo.com/”)[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=”http://www.forumblogindo.com/”}}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+”http://www.forumblogindo.com/”+l+”</span>”}else{q=’ <span class=”rccomments”>’+w+”http://www.forumblogindo.com/”+m+”</span>”}}A=A.replace(/<S[^>]*>/g,”http://www.forumblogindo.com/”);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=”http://www.forumblogindo.com/”+y+”http://www.forumblogindo.com/” target=”_blank”><img style=”width:’+e+”px;height:”+e+’px;display:block” alt=”http://www.forumblogindo.com/”+o+”http://www.forumblogindo.com/”src=”http://www.forumblogindo.com/”+D+”http://www.forumblogindo.com/”/></a><strong><a href=”http://www.forumblogindo.com/”+y+”http://www.forumblogindo.com/” 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 maupun artikel terbaru yg terpasang di sidebar maupun halaman footer blog, bisa 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 



Cara Menampilkan Recent Post di Sidebar Blog
sumber : forumblogindo.com

Cara Menampilkan Recent Post di Sidebar Blog | Admin | 4.5