Cara Menampilkan Artikel Terbaru 100% WORK
Menampilkan artikel terbaru pada blog sangat berguna untuk membantu seseorang menemukan artikel apa yang terbaru di posting atau di publish. sehingga seseorang pengunjung bisa melihat bahwa blog sobat sering update artikel dan tidak mati suri. mati suri disini dimaksudkan adalah lama tidak update artikel tiba-tiba update artikel kembali.
Fungsi lain bagi artikel terbaru adalah untuk mendongkrak seo blog sobat agar cepat di index oleh google search engine. memungkinkan artikel bisa menempati posisi pertama pada halaman pencari google.
Pilihlah kode program yang pas, dan tidak memberatkan load blog sobat. jika dirasa memberatkan lebih baik cari kode program yang ringan untuk load sobat guna menampilkan artikel terbaru. sudah tentu load blog menjadi lambat itu akan berdampak buruk untuk blog sobat kedepannya. pengunjung akan malas atau enggan lagi berkunjung ke blog sobat.
CARA MENAMPILKAN ARTIKEL TERBARU BLOGBaca Juga :
kesalahan blogger pemula
cara memasang lagu di blog
Langkah-langkah untuk menampilkan sebuah artikel terbaru di blog, bisa dibilang sangatlah mudah dan tanpa harus pusing-pusing untuk mengedit di halaman edit html, cukup mengikuti langkah-langkah di bawah ini :
1. Login Blogger
Sudah tentu sobat perlu login terlebih dahulu ke bloger, untuk mempersingkat waktu silahkan klik tombol LOGIN.
2. Ke Menu Tata Letak
Sobat selanjutnya ke Menu Tata Letak yang ada di sebelah kiri klik tombol Tata Letak. jika sudah sobat silahkan pilih mau ditempatkan dimana artikel terbaru tersebut.
3. Tambahkan gadget
Kemudian sobat Klik Tambahkan Gadget, pilih Gadget HTML/JavaScript.
4. Copy dan Paste Kode
Langkah selanjutnya adalah Copy kode untuk menampilkan artikel terbaru di bawah ini:
<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://www.Mas Genli",
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="'+title+'" 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>
KETERANGAN
Pada var homePage = "https://www.Mas Genli"", bisa sobat ganti dengan Url blog sobat.
pada numPosts = 10; angka 10 dimaksudkan untuk menampilkan berapa jumlah yang akan di tampilkan, bisa sobat ganti sesuai keingnan sobat.
Kemudian pastekan di gadget yang di tambahkan tadi. jangan lupa untuk selalu menyimpan hasil editannya, lalu refresh blog sobat dan lihat hasilnya spererti di bawah ini:
Cukup mudah dan simpel buka untuk menampilkan artikel terbaru di blog, demikian adalah cara menampilkan artikel terbaru pada blog, semoga artikel ini bermanfaat bagi sobat yang membutuhkan. selamat mencoba !!