WHAT'S NEW?
Loading...

Cara Buat Recent Post Bergerak

Halo, Selamat pagi, Jumpa lagi di postingan pagi ini.
Buat semua pengguna atau owner blog, pasti sudah mengenal yang namanya Recent Post.
Ya, Recent Post atau Postingan Terbaru adalah sebuah widget blog yang berguna untuk menampilkan postingan terbaru para blogger.
Jumlah postingan yang ditampilkannya sendiri biasanya dapat diatur sendiri oleh para blogger.

Saat mendaftar blogger, Recent Post adalah salah satu widget utama yang bisa dipasang. Recent Post yang  disediakan oleh blogger, memiliki tampilan yang standar. Namun, beberapa blogger ada yang merasa kurang puas dengan tampilan standar. (Mungkin termasuk sobat yang sedang Membaca.)

Jika memang demikian, sangat tepat sekali hari ini sobat datang berkunjung ke blog ini. Disini saya punya sebuah tutorial sederhana, bagaiman cara membuat Recent Post Bergerak. Nah, untuk sobat pembaca yang tertarik, silahkan lakukan tutorial di bawah ini:



1. Log in ke blogger.
2. Buka Tata Letak, Tambahkan Gadget dan pilih HTML/Javascript.
3. Masukkan kode berikut di kolom yang disediakan.

<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 = 1000;
    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="alamatblog/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script></ul>


Kode berwarna biru adalah warna Latar Recent Post, ganti dengan kode warna sesuai dengan keinginan.
Warna Hijau menunjukkan Berapa banyak postingan baru yang akan ditampilkan dalan Recent Post
Dan yang berwarna merah silahkan diganti dengan alamat blog sobat.

4. Setelah pemasangan kode dilakukan dengan benar, lanngsung saja klik simpan, dan lihat hasilnya langsung du blog kamu..

Ini contohnya.:

Dengan begini, maka berakhirlah perjumpaan kita kali ini. Jangan bersedih, karena kita akan bertemu lagi di lain waktu. Sekian dan Terimakasih, Salam Blogger Indonesia.