Cara Menciptakan Widget Recent Post Keren Bergerak Di Blog

Assalamualaikum...

KENEONO – Dikesempatan kali ini aku akan share Cara Membuat Widget Recent Post Keren Bergerak di Blog. Recent Post yakni widget dalam blog yang biasanya berada disebelah post artikel yang bertujuan untuk menampilkan artikel terbaru yang dipublish di blog tersebut. Kaprikornus jikalau ada orang yang mengunjungi situs blog teman beliau akan mengetahui eksklusif update an artikel terbaru yang berada disamping tanpa harus ke home/halaman depan blog, apalagi jikalau recent postnya keren dapat bergerak bergeser kebawah keatas menciptakan pengunjung tertarik untuk klik. Tanpa bosa kedaluwarsa eksklusif saja dipraktekan sendiri.

Berikut Cara Membuat Widget Recent Post Bergerak di Blog :

Pertama silakan teman masuk dashboard blogger eksklusif pilih sajian “Tata letak” terus “+ Tambahkan Gadget” pilih sesuai lokasi yang akan ditampilkan.

Kemudian pilih “HTML/JavaScript” dan copy masukkan script dibawah ini.

 <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://cdn.rawgit.com/dedi96/keneono/265b3c95/artikelterbaru.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>