Cara Membuat Recent Post Tanpa Gambar Simple

Membuat recent post atau artikel terbaru tanpa gambar bukanlah hal yang terlalu sulit bila sobat mengetahui kode yang akan dipasang. Recent post ini sangat ringan dan tidak membuat loading blog sobat menjadi lambat. Apalagi, cara memasangnya pun juga terbilang mudah.

Untuk tampilan dari recent post yang akan saya share ini mengikuti template sobat. Jadi, tampilannya tidak jauh dengan populer post yang ada pada blog sobat

Untuk tampilan dari recent post yang akan saya share ini mengikuti template sobat. Jadi, tampilannya tidak jauh dengan populer post yang ada pada blog sobat. Untuk gambaran lengkapnya mengenai tampilan recent post ini bisa sobat lihat pada gambar dibawah ini :

Cara memasang recent post tanpa gambar ini hampir sama dengan tutorial-tutorial sebelumnya yaitu sebagai berikut :

Cara Membuat Recent Post Tanpa Gambar Simple

1. Silakan masuk ke akun blogger anda.

2. Masuk ke bagian "Tata Letak"

3. Pilih lokasi yang akan ditaruh widget recent post dan silakan "Tambahkan Gadget" pilih "HTML/Java Script"

4. Masukkan kode dibawah ini pada kolom yang sudah disediakan :

<div id="hlrpsa">
<script type="text/javascript">
function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)break;for(var s=0;s<r.link.length;s++)if("alternate"==r.link[s].rel){n=r.link[s].href;break}i=i.link(n);var a="...",d=r.published.$t,u=d.substring(0,4),o=d.substring(5,7),c=d.substring(8,10),l=new Array;if(l[1]="Jan",l[2]="Feb",l[3]="Mar",l[4]="Apr",l[5]="May",l[6]="Jun",l[7]="Jul",l[8]="Aug",l[9]="Sep",l[10]="Oct",l[11]="Nov",l[12]="Dec","content"in r)var m=r.content.$t;else if("summary"in r)var m=r.summary.$t;else var m="";var w=/<\S[^>]*>/g;if(m=m.replace(w,""),document.write('<div class="rctitle">'),standardstyling&&document.write("<br/>"),document.write(i),1==showpostdate&&document.write(" - "+l[parseInt(o,10)]+" "+c+" "+u),document.write('</div><div class="rcsumm">'),1==showpostsummary)if(standardstyling&&document.write(""),m.length<numchars)standardstyling&&document.write("<i>"),document.write(m),standardstyling&&document.write("</i>");else{standardstyling&&document.write(""),m=m.substring(0,numchars);var g=m.lastIndexOf(" ");m=m.substring(0,g),document.write(m+a),standardstyling&&document.write("")}document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("")}
</script>
<script>
var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://firmwareandro.blogspot.co.id/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="https://firmwareandro.blogspot.co.id/2016/10/cara-membuat-recent-post-tanpa-gambar.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.rctitle a{color:#000000;text-transform:capitalize;font-size:13px;}#hlrpsa {color: #999999; font-size: 12px;}.rcsumm {border-bottom:1px dotted #cccccc; padding-bottom:10px;margin-top:5px;}
</style>

Ganti kode yang berwarna biru dengan url alamat blog sobat.
Untuk kode yang berwarna merah merupakan jumlah pos yang akan tampil.

5. Terakhir simpan dan lihat hasilnya.

Nah, itulah cara simple membuat recent post di blog tanpa gambar yang sering dipakai oleh para blogger untuk meningkatkan tampilan blog-blog mereka agar terlihat lebih keren. Untuk model recent post lainnya yang keren-keren akan saya post pada postingan selanjutnya.

Share this post