Cara Membuat Animasi Recent

Recent Post adalah sebuah widget yang berfungsi untuk mempermudah pengunjung melihat postingan baru/yang sudah ada di blog. Tetapi sekarang kita sekarang membahas tentang Animasi Recent. Animasi Recent yaitu widget yang berfungsi untuk mempermudah para pengunjung melihat postingan blog tersebut,tetapi di Animasi Recent berjalan/bergerak otomatis.untuk memasang nya ikuti langkah-langkah dibawah ini:

• Login Ke Blogger.com
• Klik Tata Letak.
• Klik Tambahkan Widget

• Cari HTML/Javascript

• Setelah Menemukan HTML/Javascript Tambahkan Kode Dibawah Ini Di Dalam HTML/Javascript.
• KODE:

<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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="https://sites.google.com/site/langkahkuseo/javascript/recentpost.js"></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 style="text/javascript">

var numposts = 5;

var numchars = 0;

</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">

•  Klik Simpan

DEMO:

Title : Cara Membuat Animasi Recent
Posted by : Unknown
Published : 2014-11-06T00:36:00-08:00
Rating : 5
Reviewer : 99999 Reviews