Cara Menciptakan Recent Post Sederhana Di Blogger

Cara Membuat Recent Post Sederhana di Blogger - Hi Guys! Sebelumnya saya menciptakan perihal Recent Post yang menggunakkan Thumbnail. Yang itu juga anggun tapi yang ini jauh lebih enak, sederahana dan simpel. Karna tidak memakai gambar supaya pengunjung lebih cepat saluran halaman dan loadingnya cepat.

Baca juga: Cara Membuat Recent Post dengan Thumbnail

Apa itu Recent Post?

Recent Post yaitu widget pada blog yang menampilkan artikel terbaru yang biasanya dipasang pada sidebar blog. Dengan memasang Recent Post, maka pengunjung sanggup mengatahui tampilan postingan terbaru, sehingga artikel terbaru sanggup gampang dibaca oleh pengunjung blog.

Recent Post merupakan widget yang paling sering dipasang pada blog selain Popular Post, kedua widget ini menampilkan postingan yang paling sering dibaca dan postingan terbaru yang berfungsi sebagai isu kepada visitor untuk membaca beberapa artikel menarik lainnya.

Langsung saja:

   1. Login akun blogger anda.
   2. Silahkan Pilih “Tata Letak” kemudian pilih “Tambah Gadget/Add Gadget” kemudian pilih “HTML/JavaScript“.

Cara Pemasangan

3. Copy dan Paste arahan berikut pada kolom yang sudah tersedia.

<style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "https://coddingpandawa.blogspot.com",
numPosts = 10;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="Cara Membuat Recent Post Sederhana di Blogger " target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>

4. Klik “Save/Simpan”

Keterangan:
https://coddingpandawa.blogspot.com : Ganti dengan URL blog anda.
numPosts = 10; Jumlah recent post yang ditampilkan.

Baca juga: Artikel - artikel Tentang Blogging

Itulah Cara Membuat Recent Post Sederhana di Blog untuk menampilkan artikel terbaru supaya dibaca oleh pengunjung blog. Semoga sanggup bermanfaat dan selamat mencoba.
Terimakasih.

Share this post