Posted by Aak
Aak-share.com Updated at: 12:33:00 PM

2 Cara Membuat Recent Post Simpel dan keren tanpa Thumbnail

53 comments:
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!
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

53 comments

This comment has been removed by a blog administrator.

iya sama-sama sob,
iya, silahkan sob.

Balas
This comment has been removed by a blog administrator.

saya pakai di blog saya dan berhasil terimkasih tutorialnya

Balas
This comment has been removed by a blog administrator.
This comment has been removed by a blog administrator.

Thank agan caranya (Y) membantu banget

Balas

jadi keren,recent postnya simple dan ringan gan

Balas

Sama-sama gan,
iya gan dibuat simpel agar loading blognya menjadi ringan.

Balas

Terimakasih buat tutorialnya bos, mantab sekali..

Balas

makasih artikelnya sangat membantu

Balas

Wah keren nih desainnya gan.. Izin nyoba pake buat blog www.kiatkiat.com yg ane kelola baru2 ini. Thanks gan

Balas
This comment has been removed by a blog administrator.

Akhirnya ketemu juga recent post yang saya cari-cari gan, simpel dan ringan, sebelumnya saya pakai recent post yang dari feed 'ternyata error'. Makasih ya Aak..artikelnya sangat membantu.

Balas

Ok sama-sama gan,
Membuat Loading Blog ringan merupakan salah satu Trik Seo gan,
karena itu saya lebih suka yang simpel tapi menarik.

Balas

simple banget gan ijin coba yg ke 2 :D

Balas

Iya boleh gan, silahkan.

Balas

Mantab, Gan...
Simple dan mudah banget mraktekinnya...
Sukses untuk Bloggnya, Gan

Balas

Amiin,
Terimakasih gan.

Balas
This comment has been removed by a blog administrator.

Cukup simpel dan mudah gan :)
Thks yo gan :)

Balas

terimakasih gan, sudah saya coba dan berhasil :) , terimakasi banyak

Balas

makasih gan, informasinya sangat bermanfaat

Balas

Bermanfaat sekali informasinya... thanks bro..

Balas

gan klo membuat trumbnail dengan gambar yg ada di post kan berat, ngeringanin nya gimana ya?

Balas

Sebelum di upload gambarnya di kompres dulu gan dan jangan menggunakan format gambar JPG tapi menggunakan PNG karena ukurannya lebih kecil.

Balas

tak coba dulu gan , soalnya tadi ane mencoba yang pakai tubnail bisa tapi cm bentar ,,, siapa tahu yang diatas bisa muncul

Balas

kalo banyak javascript katanya bikin lambat gan??

Balas

Betul itu gan, saya juga pake Recent Post ini gan tapi gk berat, klo ingin lebih ringan gunakan Recent Post dari Blog aj gan.

Balas

Saya akan coba di bloga saya .. semoga berhasil !

Makasih ya

Balas

Trima kasih gan, tutorialnya lengkap dan jelas.. saya akan coba

Balas

Trima kasih gan, tutorialnya lengkap dan jelas.. saya akan coba

Balas

Oke sama-sama gan, terima kasih juga gan sudah berkunjung.
Iya gan monggo : )

Balas

mantap gan......cek disini yang mau jadi agen pulsa www.javapulsamurah.com

Balas

Mantap teman. Ijin copas aja nich. Terimakasih

Balas

ini nih yang aku cari, thank you ya gan

Balas

cocok banget nih buat yang suka update postingan terbaru :)

Balas

gan, di ane kok ngelag ya ?
ada solusinya gak

Balas

ngelag gimana gan maksudnya?

Balas