Widget recent post (posting terbaru) wajib dipasang di sidebar blog. Berikut ini cara menampilkan widget Recent Post di sidebar blog Blogger.
Ada tiga cara menampikan recent post di blog Blogger, yaitu menggunakan widget Feed dan menggunakan kode javascript.
Daftar Isi
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
– Masukkan alamat blog Anda.
– Klik “Continue”. Akan muncul seperti ini:
– 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:
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.*
