Cara Memasang Recent Post Blogger

http://dangstars.blogspot.com/2014/10/cara-memasang-recent-post-blogger.html
Cara Membuat Recent Post Responsive tanpa Gambar Dan Seo Friendly
Cara Membuat Widget Artikel Terbaru di Blogger Ringan loading
Share kali ini adalah cara untuk membuat sebuah widget recent post di blogger, namun widget yang saya share cara membuat nya ini, tidak di sertai gambar, jadi hanya tulisan judul artikel nya saja, dengan begitu loading blog pun akan semakin cepat.



Demo seperti di blog ini Pada Widget "TERBARU "

Cara Memasang Recent Post Blogger:

1. Login Di blogger

2. Pilih Tata Letak

3. Pilih Html/JavaScript

4. Masukan kode script dibawah ini



 <div id="tb">

<script style="text/javascript"
src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script>

<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>

<script src="http://dangstars.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

<div style="display:none;">Recent Post no Thumbnail by <a
href="
http://dangstars.blogspot.com/2014/10/cara-memasang-recent-post-blogger.html">Dangstars</a></div>

<style type=text/css>

#rpdr {background: url(
http://3.bp.blogspot.com/-WM-QlPmHc6Y/T5wJV58qj9I/AAAAAAAACAk/1kULxdNyEyg/s1600/blogger.png
) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin:
5px 0px 0px 0px;line-height:14px;}

#rpdr, #rpdr a {color:#808080;}

#tb { }

.bbrecpost2 {

padding-top:6px;

padding-bottom:6px;

border-bottom: 1px #cccccc dotted; }

</style>




Keterangan :

  • Tulisan http://dangstars.blogspot.com : Ganti dengan url blog sobat
  • Tulisan var numposts = 10 : Itu jumlah judul postingan yang di tampilkan, silahkan sesuaikan ( kalau mau 7 postingan ganti dengan angka 7 )
5. Klik Save

Demilkian Artikel tentang Recent Posts,Artikel Terbaru,Tulisan Terbaru,Postingan Terbaru semoga bermanfaat.