Cara Membuat Recent Post Berjalan di Blog

Assalamu'alaikum Wr. Wb

Met siang para readers yang terhormat, kali ini saya akan menjelaskan tentang "Cara Membuat Recent Post Berjalan di Blog" . Langsung saja kita kupas tuntas disini.. Yuuuuuuukk :)

Recent post atau dalam bahasa indonesianya posting terakhir atau artikel terkini adalahwidget 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 yangbergerak ( 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://dafiarr.blogspot.com/2013/05/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>

4. Klik save dan lihat hasilnya.

Pengupasan sudah tuntas,.. Jangan lupa bagi ilmu dengan teman dan tetap 




CANTUMKAN SUMBER!!

Wassalamu'alaikum Wr. Wb :)
Anda sedang membaca artikel tentang Cara Membuat Recent Post Berjalan di Blog, Anda boleh menyebar luaskan atau mengcopy - paste artikel di atas jika memang sangat bermanfaat bagi anda.. Dengan syarat anda harus meletakkan link di bawah ini sebagai sumbernya..


Share 'Cara Membuat Recent Post Berjalan di Blog' On ...

2 komentar untuk "Cara Membuat Recent Post Berjalan di Blog"

  1. Nice info gan, Salam blog walking http://andikayuda28.blogspot.com/

    BalasHapus
  2. Ok gan, thanks for visiting :)

    BalasHapus