Cara Membuat Recent Post Berjalan di Blog

Cara Membuat Recent Post Berjalan di Blog - Recent post atau dalam bahasa indonesia posting terakhir atau artikel terbaru adalah widget yang bisa anda pasang di blog anda dengan bertujuan memberikan informasi tentang postingan atau artikel yang terbaru.
Recent post biasanya menampilkan sejumlah judul artikel yang belum lama anda posting dalam deretan ke bawah dan tidak jarang juga ada yang bergerak ( animasi ) ke bawah. Contoh nya : anda bisa lihat di sidebar seblah kanan di blog ini
Kali ini saya ini memberi Tutorial cara memasang recent post di blog. anda yang berminat silahkan ikuti Langkah berikut.

 




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

Copy dan Paste

<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="#" target="_blank">get this widget here</a></small>

-4-. Lalu Save dan Lihat Hasilnya di blog anda.
 

semoga artikel ini berguna bagi anda.

Backlink Gratis
Copy dan Paste script di bwah ini di  Blog anda (HTML/javascript)

  

<a href=http://4evermedia.blogspot.com/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDyfHyQOoHkJ5Uh7X-eVVbe0DpCPVkWOF7mtTvT8O5I3fAJ_o-VJjdsTkHCGiv6-NOgmHhc1PHSElo-JA2JdUlXgN-KsCmnj6djrEmah0uW7yRtkE1XBdAc0s0qLbuJhypvFOW0v9OuPk/s1600/bACKLINK.jpg" /></a>