2 Cara Membuat Recent Post Simpel dan keren tanpa Thumbnail

2 Cara Membuat Recent Post Simpel dan keren tanpa Thumbnail

Para Blogger Sebelumnya saya menuliskan Cara mudah membuat Recent Post Thumbnail & ringkas - pada kesempatan kali ini saya akan melanjutkan menulis kembali cara membuat Recent Post, tapi untuk kali ini  berbeda dengan sebelumnya. Recent post kali ini tanpa Thumbnail & ringkasan hanya menampilkan judul. Recent Post tanpa thumbnail dibuat agar blog lebih ringan, jika sobat ingin menerapkannya berikut langkah mudahnya :

1.Recent Post Simpel dan keren tanpa Thumbnail

1. Masuk ke akun Blooger
2. Masuk kemenu Tata Letak
3. Pilih HTML/Javascript
4. Copy paste code berikut

<div id="hlrpsb">
<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 d=0;d<r.link.length;d++)if("alternate"==r.link[d].rel){n=r.link[d].href;break}i=i.link(n);var s=r.published.$t,a=s.substring(0,4),o=s.substring(5,7),l=s.substring(8,10),u=new Array;u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec",standardstyling||document.write(""),document.write('<div class="rctitles2">'),standardstyling&&document.write(""),document.write(i),standardstyling&&document.write(""),1==showpostdate&&document.write(" - "+l+" "+u[parseInt(o,10)]+" "+a),standardstyling||document.write("</div>"),document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("/div")}
</script>
<script type="text/javascript">var numposts = 10;var showpostdate = false;var standardstyling = true;</script>
<script src="http://www.aak-share.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="http://www.aak-share.com/2014/08/2-cara-membuat-recent-post-simpel-dan.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #000000;font-size:13px;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}
</style>

Tampilan dari kode di atas :



2. Recent Post Simpel dan keren tanpa Thumbnail

1. Masuk ke akun Blooger
2. Masuk kemenu Tata Letak
3. Pilih HTML/Javascript
4. Copy paste code berikut

<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://www.aak-share.com/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="http://www.aak-share.com/2014/08/2-cara-membuat-recent-post-simpel-dan.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>

Tampilan dari kode diatas :

 

5 Recent Post KEREN Thumbnail Blogger - Pada ulasan ini saya akan berbagai tutorial cara membuat Recent Post KEREN Dengan Gambar di Blog. Baca Selengkapnya

Cukup sekian pembahasan 2 Cara Membuat Recent Post Simpel dan keren tanpa Thumbnail, semoga bermanfaat!

Banyak dibaca:

Loading...
Buka Komentar
Blogger
Disqus
Pilih Sistem Komentar

2 komentar

This comment has been removed by a blog administrator.

Balas

iya sama-sama sob,
iya, silahkan sob.

Balas