3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger

3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger

DAFTAR tulisan 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.

 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 bisa menggunakan 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"

feed widget


feed widget recent post blogger

2. Gunakan Kode

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

Cara Mamasangnya:

- Layout > Add a Gadget > pilih HTML/Javascript
- Isi judul widget dengan Recent Post atau Posting Terbaru
- Copas kode 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+'" target ="_blank" title="'+r+'"><img class="rct-thumb" alt="'+r+'" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" target ="_blank" title="'+r+'" 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 seperti gambar ilustrasi di atas.

3. Menggunakan Feedburner

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

Cara Mamasangnya:

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

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

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

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

Labels: Desain Blog

Related Posts

0 Komentar untuk "3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger"

1. Komentar spam, menyertakan Link Aktif dan Alamat Blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *