3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger
October 26, 2018
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.
1. Gunakan Widget Feed
Kita bisa menggunakan widget Feed bawaan Blogger untuk menampilkan posting terbaru di sidebar. Cara memasangnya sebagai berikut:
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.
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
- 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).*
Template bawaan Blogger, bahkan banyak juga template premium, yang tidak menampilkan widget recent post ini, sehingga kita harus pasang sendiri.
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"
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVaFFArUT4RFh4aBNTK-mlH4EVRQQ1KvvyqhUX8FX7QWe5efWact-XXiSPMyewyh9Ruo_7aoZ0tU88htKF7hoHmDapHSHlWipr4h_b_piiDtiNec_mNRx3izbL_iQyH9xP6loS0_747aPr/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).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
No comments on 3 Cara Menampilkan Tulisan Terbaru (Recent Post) di Sidebar Blogger
Post a Comment