Cara Membuat Recent Post/Posting Terbaru Berjalan di Blog

Cara Membuat Recent Post/Posting Terbaru Berjalan di Blog

SAHABAT BLOGGER - Recent post atau dalam bahasa indonesianya posting terbaru atau artikel terkini adalah widget yang bisa sobat pasang di blog dengan tujuan memberikan informasi tentang postingan atau artikel terkini.
Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak ( animasi ) ke bawah. Contohnya sobat bisa lihat di sidebar blog ini.

Kali ini saya akan kasih tahu bagaimana cara memasang recent post di blog. Sobat yang berminat silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode berikut ke dalam konten.

<style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
    text-align:justify;
    -moz-border-radius: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
 
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1500;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
 
</script>
<ul id="rp_plus_img"><script>
    var numposts = 5;
    var numchars = 0;
 
</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://indofajarblog.blogspot.com/2013/06/cara-membuat-recent-postposting-terbaru.html">get this widget here</a></small>

4. Klik save dan lihat hasilnya.

10 Responses to "Cara Membuat Recent Post/Posting Terbaru Berjalan di Blog"

  1. di #sidebar-wrapper template kamu, tambahkan kode ini
    list-style-type: none;
    biar ilang itu titik di bagian Artikel Terbaru :)

    ReplyDelete
  2. Replies
    1. hehe.. :) silahkan gan.. semoga bermanfaat..

      Delete
  3. makasih tutorialnya gan..menambah ilmu buat saya blogger pemula.. Mampir gan
    btw saya dah follow blog agan jika berkenan followback ya..'
    valentinofebrian.blogspot.com

    ReplyDelete
    Replies
    1. sama-sama gan,, (o)
      follback sudah meluncur gan atas nama Fajar Ardi,,

      Delete
  4. ane ikut meramaikan aja yah :) hehe

    ReplyDelete
  5. bingung, side bar yang mana gan? contohnya..

    ReplyDelete

Pengunjung yang baik adalah pengunjung yang meninggalkan jejak setelah membaca