Cara Membuat Widget Recent Post Bergerak ke Bawah

Assalamualaikum Wr.Wb

Hai blogger, bertemu lagi di blog kecil ane ini. Kali ini Saya akan berbagi tips blog yang cukup simpel yaitu Cara Membuat Widget Recent Post Bergerak ke Bawah, Widget Recent Post adalah widget yang dimana menampilkan artikel yang baru anda posting di blog,Seperti yang telah saya share di blog ini ada beberapa Artikel yang menyangkut tentang Widget Recent post ini atau mungkin sudah banyak

Banyak sekali ke kreatipan para blogger untuk membuat Blog nya semakin unik dan semakin bagus yaitu salah satu nya dengan membuat Recent post ini,tidak hanya Recent post saja untuk membuat tampilan blog anda smakin keren,dan anda bisa melihat artikel lain nya yang sudah saya share di blog ini tentang mempercantik widget blog

Dengan anda memasang Widget Recent post ini semua yang baru anda Update di blog akan di tampilkan dan keunikan dari Recent Post ini Bisa bergerak sendiri nya ke bawah maka dari itu tampilan recent post ini akan semakin keren bukan

Dengan memasang Recent Post ini akan memudahkan para pengunjung untuk melihat atau mengetahui artikel apa saja yang baru anda buat di blog anda,sehingga dengan begitu para pengunjung dapat melihat atau menjelajahi artikel lain nya

Tutorial Memasang Widget Recent Post Bergerak Ke bawah

Widget Recent post ini bisa anda pasang di blog sobat dengan gampang atau juga bisa mengikuti langkah langkah pembuatan nya di bawah ini
Masuk ke blogger > tataletak (layout) > Add a Gadget > Javascript/Html
Kemudian masukan kode berikut di kolom yang sudah tersedia

<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://www.infotrens.com/2016/11/cara-membuat-widget-recent-post-bergerak-ke-bawah.html" target="_blank">get this widget here</a></small>

Kemudian klik tombol save dan lihat hasil nya
Jika anda menginginkan Recent post ini bergerak tidak terlalu cepat silahkan anda merubah angka 1500 pada bagian "var speed" sedangkan ingin menambah Jumlah postingan yang tampil nya bisa anda tambahkan angka pada bagian "var numposts=5" lihat di bagian atas

Nah itulah cara membuat Widget Recent Post di blog. Bagaimana Mudahkan, semoga bermanfaat dan bisa membantu sobat blogger semua.

Wassalamualaikum Wr.Wb