Cara Menampilkan Recent Post di Sidebar Blog

Widget recent post (posting terbaru) wajib dipasang di sidebar blog. Berikut ini cara menampilkan widget Recent Post di sidebar blog Blogger.

Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog

Ada tiga cara menampikan recent post di blog Blogger, yaitu menggunakan widget Feed dan menggunakan kode javascript.

Cara Menampilkan Recent Post di Sidebar Blog

Berikut ini cara menampikan widget recent post di sidebar blog yang dibuat di Blogger.

1. Gunakan 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

Feed Widget

Baca Juga

 

– Masukkan alamat blog Anda.
– Klik “Continue”. Akan muncul seperti ini:

 

posting terbaru

– Ubah judul widget menjadi “Recent Posts” atau “Posting Terbaru”
– Klik Save (Simpan)

Kelemahannya, judul widget suka menghilang. Anda bisa mengubah langsung di template, yaitu kode <h2><data:title/></h2> menjadi <h2>Recent Posts</h2>  di widet Feed1.

2. Gunakan Kode

1. Add a Gadget > pilih HTML/JavaScript
2. Isi judul widget dengan Recent Posts atau Terbaru
3. Copas kode berikut ini di kolom Content:

<div class='artikel-terbaru'> <script> function artikelterbaru(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="<li><a href="+("'"+e.feed.entry[t].link[r].href+"'")+'">'+e.feed.entry[t].title.$t+"</a> </li>";document.write(n)}document.write("</ul>")} </script> <script src="/feeds/posts/summary/?max-results=5&alt=json-in-script&callback=artikelterbaru"></script> </div>

4. Simpan!

Jika ingin menampilkan posting terbaru berdasarkan label, tinggal tambahkan nama labelnya di belakang kode summary, seperti di bawah ini:

<script src="/feeds/posts/summary/-/Label?max-results=5&alt=json-in-script&callback=artikelterbaru"></script>

Save!

3. Gunakan Kode Lagi

Ini desain recent post favorit saya. Ini tampilannya:

Recent Posts

Cara memasangnya sama seperti kode no. 2.

1. Add a Gadget > pilih HTML/JavaScript
2. Isi judul widget dengan Recent Posts atau Terbaru

3. Copas kode berikut ini di kolom Content:

 

<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 = 5;var showpostdate = false;var standardstyling = true;</script>
<script src=”/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts”></script><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #000000;font-size:16px;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;text-align:left;font-weight:700}
</style></div>

4. Save!

Demikian Cara Memasang Recent Post atau widget Posting Terbaru di Sidebar blog Blogger.*

 

Related posts

Leave a Reply

Your email address will not be published. Required fields are marked *