Cara Membuat Recent Post Bergerak Di Blog

Selamat siang teman sekalian, apa kabarnya hari ini ? senang bisa berjumpa lagi..

Meskipun banyak dari teman blogger lain sudah posting tentang Cara membuat Recent Post Bergerak di blog admin tetap akan membagikan tutorial ini karena siapa tau ada yang membutuhkan, Benar, Tidak :) Bagi yang belum tau apa itu Recent Post ? Recent Post merupakan Widget yang di pasang oleh admin pada blog agar supaya si pengunjung dapat melihat artikel apa saja yang terbaru. jadi kelihatan kalau sebuah blog itu selalu update atau tidak. Trus ada yang bertanya ? kenapa artikelnya gerak-gerak..haha.. admin pun menjawab : biar kelihatan enak saja di lihat, biar segar matanya fresh melihat yang gerak-gerak. selanjutnya yuk ikutan tutorialnya dari pada kebanyakan cerita.

Langkah - Langkah:

1. Login  Blogger

2. Masuk ke Tata Letak > Add Gadget

3. Pilih HTML/JavaScript

4. Cop kode widgetnya di bawah ini

<div style="margin-bottom: 15px;"> <style type="text/css"> #rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:70px;padding:1px;list-style:none;} #rp_plus_img a{color:#3366ff;} #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:14px;} #rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#282828;text-align:justify;} #rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;} </style><br /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br /> <script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script><br /> <script type="text/javascript"> var speed = 400; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script><br /> <ul id="rp_plus_img"><script style="text/javascript"> var numposts = 20; var numchars = 60; numposts = 25; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul> </div>

NB : Untuk Copy Codingnya Klik Highligh All, Arahkan mouse di tempat yang ter select

Lalu klik kanan Mouse COPY