Hai Sobat blogger yang Jones :p .
Hari ini saya akan memposting tentang Cara membuat widget recent post dengan animasi bergerak di Blog. Apa fungi Recent post terhadap Blog ? Menurut saya untuk memudahkan Pengunjung untuk mencari postingan yang terbaru. Bukan hanya itu, Juga berfungsi untuk mempercantik Blog sobat.

  Menambah widget tersebut sangatlah mudah loh sobat blogger. kok bisa di bilang mudah ? Bisa aja anda cuma perlu Copy lalu anda Pastekan di HTML/JavaScript. 


 Lalu bagaimana langkahnya gan ? Nah karena itu saya buat postingan ini. Langsung aja sob ikuti tutorial pemasangan widget Recent Post di Blog anda :

1.) Buka Blogger.Com.
2.) Pilih Blogger Anda yang akan dipasang widget tersebut.
3.) Pilih Tata Letak di blog sobat.
4.) Lalu Klik Add Gadget. Pilih HTML/JavaScript. 
5.) Masukan Code di bawah sob.

 <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>

Keterangan :
  • var numpost: 5;  -> itu adalah jumlah postingan yang akan muncul di Widget tersebut.
6.) Pilih Save dan Pratinjau Postingan Anda.
Facebook Google twitter
Kata kunci : Membuat Widget Recent Post Bergerak di Blog
Keren emang bro, gue pernah coba juga ini :D
mantap gan =D
Andrian
8:46 AM
Wah keren nih gan izin coba dulu.. :)
Hi Alfatheta,

Sama sama gan, Silahkan nyimak :)


Terima kasih atas Komentar dan Kunjungan anda.
Hi Andrian,

Silahkan dicoba gan, :D

Terima kasih atas Komentar dan Kunjungan anda.
Hi Adil Mudhoffar,

Hahahaha ada ada aja nih
pasti anak anime nih :v

Terima kasih atas Komentar dan Kunjungan anda.
Hi Muhammad Fariz Azri,

Thanks gan, =D

Terima kasih atas Komentar dan Kunjungan anda.
Hi Taufiq,

Sama-sama gan Senang bisa membantu anda =D


Terima kasih atas Komentar dan Kunjungan anda.
Hi Wahyu,

Thanks bro, Iya nih memang keren widgetnya. Tidak hanya keren saja tetapi ringan dan simple bro hehe =D


Terima kasih atas Komentar dan Kunjungan anda.