Cara Memasang Widget Recent Post AutoScroll

Pada Hari ini Saya Akan Berbagi Tentang Cara Memasang Widget Recent Post AutoScroll ini sudah sering di dengung - dengungkan oleh para sahabat blogger saya . Meskipun Saya Sendiri Sudah Membahas Sebelumnya Tentang Recent Post atau dalam Bahasa kita sendiri Adalah Artikel Terbaru. Sebelumnya Saya sudah Membahas Tentang Cara Membuat Recent Post Ringan di blog . Kita Sudah Sering Kali Melihat di Beberapa Blog Widget ini Karena Hal itu saya Penasaran dan saya coba lihat source nya dan Saya Menemukan Kode Widgetnya. Widget Recent Post ini Sangat Bermanfaat untuk Kalian yang Ingin Membuat Blog Kalian Nyaman Untuk di Kunjungin dan Juga Untuk Mengurangi Persentase "Bounce Rate" . disini Saya tidak Bisa Menjelaskan Apa itu "Bounce Rate" Kalian Cari saja di Google dengan Keyword Apa itu Bounce Rate , Selain itu Widget Recent Post / Artikel Terbaru Tersebut Berguna Untuk Menginformasikan Artikel Terbaru Kepada Para Pengunjung atau Visitor Blog .
Nanti Widget ini Akan menjadi Seperti Gambar Berikut :

Sudah Lihat kan Gambar diatas Menarik Bukan? Jika Menarik Mari Kita Ikuti Tutorial Cara Memasang/ Membuat Widget Recent Post AutoScroll Berikut Tutorialnya : 

1. Login Ke Akun Blogger Anda 

2. Masuk Ke Menu Tata Letak Blogger

3. Setelah itu Klik Tambah Gadget > Klik Tambah HTML/JavaScript  

3. Setelah itu Copy Kode dibawah dan Pastekan Tepat di Jendela Tersebut

<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/unwanted86/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"></script>
</ul><small><a href="http://bocahporis.blogspot.com/2013/02/cara-memasang-widget-recent-post.html" target="_blank"><strong>Get this Widget</strong></a></small>

Keterangan : 

• Kode yang Berwarna Hijau adalah Kode Warna Silahkan Modifikasi Sendiri Silahkan ke sini Untuk Melihat Kode Warna HTML 
• Kode yang Berwarna Merah adalah Jumlah Post yang akan ditampilkan

4. Terakhir Klik Save

5. Setelah Sukses dipasang Lihat Hasilnya di Blog Anda

Cukup Sekian Tutorial Cara Memasang Widget Recent Post AutoScroll dengan Mudah Semoga Artikel ini Berhasil dilakukan di Blog Anda. dan Semoga Blog Anda Semakin Banyak Pengunjungnya dengan Tutorial Membuat Recent Post ini Pada Blog . Amin.