Cara Membuat Artikel Terbaru Tanpa Gambar Fast Loading Blogger

Cara membuat widget artikel terbaru atau recent posts di blog, gak perlu di jelaskan lagi tentunya apa itu recent posts, pastinya sobat blogger sudah tau semuanya, jika sobat cari di google sudah pasti ada banyak sekali berbagai macam bentuk dan tampilan widget yang satu ini, untuk modelnya juga pasti sobat punya selera sendiri dalam mencari tampilanya, seperti yang sudah sobat ketahui sebelumnya ada dua macam versi widget artikel terbaru yaitu dengan gambar / tanpa gambar thumbnails

Disini kali ini saya akan berbagi cara memasang artikel terbaru di blog tanpa gambar, kenapa saya lebih memilih tanpa gambar, padahal jika di lihat mungkin lebih menarik dan keren bila ada gambarnya, alasan kenapa lebih memilih tanpa gambar karena banyak dampak dan manfaat bagi blog kita sendiri, apa itu manfaatnya... yang jelas kelebihanya pada nilai SEO (search engine optimization) setiap widget yang terpasang di blog sudah pasti akan menambah beban loading pada blog, jika widget tersebut terlalu banyak script dll loading blog akan menjadi berat, dan tidak baik untuk kualitas blog terutama dalam segi penilaian SEO
Maka dari itu saya lebih memilih memasang widget artikel terbaru tanpa gambar biar blog menjadi fast loading, blog yang loadingnya cepat akan membuat pengunjung tidak capek menunggu atau bisa jadi malah kabur duluan sebelum membaca artikelnya, maka dari itu saran yang baik mungkin tampilan blog harus di jaga agar loading blog tidak menjadi berat, kata sobat blogger ada yang bilang jika google tidak suka dengan blog atau web yang loadinya berat, nah langsung saja simak cara membuat artikel terbaru fast loading di blogspot, untuk model tampilanya bisa lihat di bawah ini
Cara Membuat Artikel Terbaru Tanpa Gambar Fast Loading Blogger
  • Pertama buka blogger sobat
  • Pilih Tata Letak dan Tambahkan Gadget dimana aja sesuai keinginan, lalu pilih HTML
  • Silahkan Copy kode script di bawah ini dan masukan di Gadget HTML
<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>
Keterangan :
Warna biru silahkan ganti dengan alamat blog sobat
Warna merah adalah jumlah artikel yang ingin di tampilkan, sobat bisa ganti sendiri sesuai keinginan
  • Semoga bermanfaat.
Bagi sobat yang mau bertanya atau diskusi seputar topik ini silahkan bisa gabung di Forum
Previous
« Prev Post

Related Posts

Posting Komentar