Cara Membuat Widget Artikel Postingan Terbaru di Blog

Cara Membuat Artikel Terbaru ( Recent Post ) di blog, memasang widget artikel terbaru bisa di bilang sangat penting karena membuat pengunjung waktu datang bisa melihat update terbaru postingan yang sobat buat, selain artikel terbaru jangan lupa untuk memasang Random Post ( postingan acak ) , silahkan bisa baca dan lihat caranya Membuat Widget Random Post Blogger Tanpa Gambar Thumbnails agar lebih mantap dan terlihat professional tambahkan juga Sitemap ( Daftar Isi ) Cara Membuat Sitemap (Daftar Isi) di Blog Update Terbaru dan juga Cara Membuat Laman Contact Us Blog dengan Tampilan CSS Keren

Membuat blog agar ramai pengunjung memang sudah sepatutnya di lakukan agar blog bisa menjadi berkualitas, banyak hal dan cara di lakukan untuk mendapatkan traffik yang bagus, salah satunya memasang widget yang penting dan banyak manfaat untuk blog seperti salah satunya memasang widget artikel terbaru ini, jadi di saat pengunjung sedang membaca suatu di artikel tidak hanya sampai disitu saja, pembaca dapat melihat artikel update terbaru lainya yang mungkin ingin di bacanya

Buatlah artikel yang bagus dan jelas agar pembaca bisa betah saat sedang membaca di blog sobat, baca Cara Menulis Artikel Yang Baik dan Benar di Blogspot , isi postingan adalah kunci dari sebuah blog agar menjadi berkualitas, nah jika blog sobat ingin menjadi SEO dan menjadi urutan teratas google maka jangan lupa perhatikan kualitas isi blog, baca 5 Manfaat Seo Bagi Blog Yang Wajib Diketahui sebagai tambahan agar lebih mengenal dengan SEO baca juga Pengertian Search Engine Optimization (SEO) Untuk Blog

Memperhatikan konten blog biasanya banyak sobat blogger yang lupa, entah karena malas atau memang baru bikin blog, bagi sobat yang mungkin lagi buat blog baru saya punya beberapa tips silahkan bisa baca artikel 10 Tips Membuat Blog di Blogger Untuk Pemula , jadi ngeblog itu memang butuh kerja keras dan kesabaran yang tinggi, namun jerih payah yang sobat lakukan pastinya tidak terasa bila sudah mendapatkan hasil yang maksimal

Tambahkanlah widget di blog yang penting saja seperti yang sudah saya jelaskan di atas, tapi jangan terlalu banyak juga memasang widget karena bisa menyebabkan loading blog menjadi berat, baca Cara Membuat Blog Menjadi Super Fast Loading ,  loading blog berat karena faktor ukuran beban blog yang besar , sobat bisa cek ukuran blog di Cara Mudah Mengecek Ukuran Berat Pada Blog , masalah lainya akibat kebanyakan widget adalah saat sobat mengganti Template, biasanya ada widget yang masih tertinggal dari template sebelumnya yang tidak bisa di hapus, baca Cara Ampuh Menghapus Widget Blog Yang Tidak Bisa Dihapus , maka dari itu jangan terlalu banyak memasang widget

Di bawah ini adalah cara membuat dan memasang widget artikel terbaru tanpa gambar :
  • Masuk di blogger sobat
  • Buka TATA LETAK
  • Tambahkan gadget HTML di mana aja sesuai keinginan sobat
  • Lalu copy dan masukan kode di bawah ini kedalam gadget HTML tadi dan simpan
<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;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#19ABEA;}li.recent-posts a:hover{color:#444}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.rocket4rt.com",
numPosts = 5;
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>
  • Angka 10 warna merah adalah total post yang ingin di tampilkan, silahkan sobat bisa ganti sendiri dan alamat blog warna biru ganti dengan alamat blog sobat
UPDATE.!!! Script di atas sudah tidak berfungsi alias udah mati, untuk pengganti yang terbaru sobat bisa baca artikel Cara Membuat Artikel Terbaru Tanpa Gambar Fast Loading Blogger
Bagi sobat yang mau bertanya atau diskusi seputar topik ini silahkan bisa gabung di Forum
Previous
« Prev Post

Related Posts

Posting Komentar