Cara Membuat Recent Post Sederhana Dan Mudah Di Blogspot

Cara Membuat Recent Post Sederhana di Blogspot.

Recent post atau artikel terbaru sebenarnya sangat lengkap jika digunakan untuk widget kali ini saya akan memberikan cara mudah membikin recent post yang sederhana di blogspot tentunya dengan menggunakan atau menerapkan recent post ini tidak akan membuat speed loading pada template anda menjadi lambat melainkan ini akan membuat tampilan blogspot anda lebih keren. Kebanyakan blogger yang sudah dikatakan profesional mengatakan bahwa blogger akan lebih menarik ketika melihat blogspot dengan tampilan simple atau sederhana yang pastinya fast loading dalam artian tidak lama untuk menunggu loadingnya jadinya lebih menarik pengunjung akan lebih senang.

I. Cara membuat Widget Postingan Terbaru di sidebar blogspot.
Selain membuat blog anda menjadi keren tentunya fast loading di template blog anda juga, tampilan dari blogspot yang anda kelola lebih menyenangkan untuk dilihat oleh pengunjung ketimbang dengan template blog yang hanya dilihat dari segi banyaknya widget – widget yang tidak diperlukan dan pada akhirnya widget – widget dari blog kalian akan membuat loading menjadi lambat dalam meloading website atau blog kalian dan akibat dari hal ini akan membuat pengunjung kalian mejadi tidak nyaman betulkan? Intinya widget posting terbaru juga sangat penting untuk blog kalian juga.

Meskipun cara membuat recent post ini terbilang sangat sederhana dan mudah sekali apalagi recent post ini tidak mengganggu speed dari loading template anda jadi tetap akan fast loading. Selain itu widget recent post ini juga sangat terlihat memukau dan sangat menarik untuk dilihat munurut sudut pandang saya kenapa bisa memukau? karena recent post sederhana atau simple ini dapat dengan mudahnya menyesuaikan diri dengan template blog anda. Oke langsung saja simak bagaimana cara membuat recent post yang sederhana dan simple sekali dengan mudah dan cepat di blogspot simak dengan cermat di bawah ini ya guys.

A. Cara membuat recent post keren dan sederhana di blogspot.

1. Pertama – tama langkah yang akan kalian lakukan adalah mengcopy atau menyalin lalu paste kode script yang ada di bawah ini ke dalam sidebar Javascript/ html blogspot anda. Angka 5 yang terdapat pada kode script di bawah tersebut sudah saya tandai dengan warna font yang berbeda yaitu berwarna merah. Fonts yang berwarna merah silahkan anda ganti sesuai dengan jumlah postingan terbaru yang ingin anda tampilkan di widget recent post blog.
   <script>
   

   //<![CDATA[

   function showlatestposts(json){document.write(‘<ul id=”recent-posts”>’);for(var i=0;i<5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel==’alternate’){postsurl=entry.link[k].href;break;}}

   document.write(‘<li class=”recent-posts”>’);document.write(‘<a href=”‘+ postsurl+'” target =”_top” title=”‘+ posttitle+'”>’+ posttitle+'</a>’);document.write(‘</li>’);}

   document.write(‘</ul>’);};

   document.write(“<scr” + “ipt type=\”text/javascript\” src=\”/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\”></scr” + “ipt>”);

   //]]>

   </script>
2. Langkah berikutnya adalah anda juga diwajibkan untuk mengcopy atau menyalin lalu pastekan kode script sudah saya sediakan di bawah ini tepat ke dalam template anda. masuk ke bagian menu template lalu klik edit html. Nah kalian sekarang copy dan pastekan kode dibawah ini tepat berada di atas kode “</head>” tanpa tanda kutip.
   <style type=’text/css’>
   

   
   

   #recent-posts{

   width:auto;

   padding:0 10px;

   margin:0 auto;

   border:1px solid #ddd;

   }

   
   

   #recent-posts ul,#recent-posts li {

   list-style:none;

   }

   
   

   #recent-posts a{

   text-decoration:none;

   }

   
   

   #recent-posts li{

   border-top:1px solid #ddd;

   padding:6px 0

   }

   
   

   #recent-posts li:first-child{

   border-top:none;

   }

   
   

   </style>
3. Setelah kalian selesai menyalin kode script diatas di template anda. Kemudian anda simpan template agar tidak hilang lalu anda lihat tampilan recent blog anda di homepage. sederhana banget bukan?

Demikianlah artikel yang berjudul cara membuat recent post sederhana dan fast loading. Semoga bermanfaat terima kasih.