Cara Membuat Recent Post Berjalan di Blog

Recent post atau dalam bahasa indonesia nya Posting Terakhir atau Artikel Terkini adalah Widget yang bisa Anda pasang di blog dengan tujuan memberikan informasi tentang postingan atau artikel terkini.

Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang Bergerak ( Animasi ) ke bawah. Contohnya, Anda bisa lihat di sidebar blog ini.

Kali ini Saya akan berbagi bagaimana Cara Memasang Recent Post di Blog. Anda yang berminat silahkan ikuti tutorial berikut.

1. Log-in ke akun Blog Anda.

2. Klik Tata Letak → Tambahkan Gadget → HTML/Javascript.

3. Masukkan kode berikut ke dalam konten.

<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&alt=json-in-script&callback=rpthumbnt"> </script> </ul> <small><a href="http://blogiprikardo.blogspot.com/2014/12/cara-membuat-recent-post-berjalan-di.html" target="_blank">Get This Widget Here</a></small>

4. Klik Save dan lihat hasilnya. 

Sekian, semoga bermanfaat!

Tweet