DAFTAR goresan pena terbaru, artikel terbaru, atau posting terbaru (recent post) biasanya dipasang di sidebar.

Template bawaan Blogger, bahkan banyak juga template premium, yang tidak menampilkan widget recent post ini, sehingga kita harus pasang sendiri.

 yang tidak menampilkan widget recent post ini 3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger

Cara Menampilkan Tulisan Terbaru di Sidebar Blogger

Ada tiga Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger

1. Gunakan Widget Feed

Kita dapat memakai widget Feed bawaan Blogger untuk menampilkan posting terbaru di sidebar. Cara memasangnya sebagai berikut:
  • Klik Layout (Tata Letak) > Add a Gadget > pilih Feed
  • Masukkan alamat blog Anda.
  • Klik "Continue"
  • Ubah judul widget menjadi "Recent Posts" atau "Posting Terbaru"

 yang tidak menampilkan widget recent post ini 3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger


 yang tidak menampilkan widget recent post ini 3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger

2. Gunakan Kode

Cara di atas tidak belum tentu cocok dengan template blog yang Anda gunakan. Jika tidak dapat dengan cara di atas, Anda dapat gunakan cara kedua yaitu dengan memakai kode.

Cara Mamasangnya:

- Layout > Add a Gadget > pilih HTML/Javascript
- Isi judul widget dengan Recent Post atau Posting Terbaru
- Copas isyarat berikut ini di kolom konten.

<style>
img.rct-thumb{float:left;margin-right:14px;height:72px;width:72px;margin-top:1px}
.recent-by-tag{width:100%;margin:0;padding:0}
.recent-by-tag li{font-size:12px;list-style:none;padding-left:0;margin:0;padding:0;overflow:hidden}
ul.recent-by-tag li {padding: 10px 0;margin-bottom: 0;border-bottom: 1px dashed #f1f1f1;line-height: normal;}
.recent-by-tag a {font-size: 16px;font-weight:500;margin: 0;padding: 0;line-height: normal;}
.recent-by-tag strong{padding-left:0;font-weight:500}
span.showdates{font-size:11px;margin:10px 0 0}
</style>
<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var showpostdate = false;</script>
<script type='text/javascript'>
//<![CDATA[
function rcentbytag(e){document.write('<ul class="recent-by-tag">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.content.$t;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if(a!=-1&&b!=-1&&c!=-1&&d!=""){l=d}else l="https://2.bp.blogspot.com/-giova1ZCh-A/Uzq6L8QTJNI/AAAAAAAAAJc/USXictTq_xs/s70-c/KM+Icon.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Januari";y[2]="Februari";y[3]="Maret";y[4]="April";y[5]="Mei";y[6]="Juni";y[7]="Juli";y[8]="Agustus";y[9]="September";y[10]="Oktober";y[11]="November";y[12]="Desember";document.write('<li class="clear">');if(showpostthumbnails==true)document.write('<a href="'+i+'" sasaran ="_blank" title="3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger"><img class="rct-thumb" alt=" yang tidak menampilkan widget recent post ini 3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" sasaran ="_blank" title="3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger" rel="nofollow">'+r+'</a></strong>');document.write('<br>');var x="";var T=0;if(showpostdate==true){x='<span class="showdates">'+x+g+" "+y[parseInt(m,10)]+" "+v+"</span>";T=1}document.write(x);document.write("</li>");if(t!=numposts-1)document.write("")}document.write("</ul>")}
//]]>
</script>
<script>
document.write("<script src=\"/feeds/posts/default?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>");
</script>

Save! 
Kode di atas menampilkan Posting Terbaru berupa Judul dan Gabar Thumbnail ibarat gambar ilustrasi di atas.

3. Menggunakan Feedburner

Cara ketiga Posting Terbaru Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger yaitu dengan memakai Feedburner.

Cara Mamasangnya:

- Layout > Add a Gadget > pilih HTML/Javascript
- Isi judul widget dengan Recent Post atau Posting Terbaru
- Copas isyarat berikut ini di kolom konten

<script src="https://feeds.feedburner.com/idtutorialnih?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/idtutorialnih"></a><br/>Powered by FeedBurner</p> </noscript>

- Ubah idtutorialnih dengan username atau ID FeedBurner Anda.
- Jika belum punya, buat dulu akun Feedburner, daftarkan blog Anda untuk mendapat kodenya.
- Di akun Feedbuerne blog Anda: klik sajian Publicize > BuzzBoost > Save > Copas Kodenya

Demikian 3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger. Good Luck & Happy Blogging! (www.idtutorial.com).*

Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours