Belajar Ngeblog

Selamat Datang di APRIZAL. ini membahas seputar Blogspot, SEO dan juga berbagi. Semoga apa saya tulis bermanfaat buat sahabat.

perumnas tekojo blok E27

Selasa, 05 November 2013

Cara membuat Recent Post Keren Animasi

Trik Widget Widget  Animasi atau yang biasa kita sebut dengan istilah populer posts adalah sebuah widget bisa kita pasang untuk membuat penampilan blog lebih menarik, karena setiap artikel yang kita publikasikan akan di tampilkan secara acak dan bergerak ke bawah secara bergantian menjadikan blog kita terasa lebih hidup.




Untuk memasangnya sangatlah mudah sobat tinggal mengikuti langkah-langkah sederhana berikut ini :
  1. Login ke akun blogger sobat
  2. Masuk ke pengaturan Tata Letak
  3. Klik Tambahkan Gadget
  4. Pilih HTML/JavaScript
  5. Masukkan kode berikut kemudian Save

<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:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#fffff;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

Untuk mengatur kecepatan gerak maupun berhenti post artikel sobat bisa mengganti angka dgnkeinginan, silahkan sobat berkreasi sendiri.
Semoga artikel recent post keren bergerak ini bermanfaat.

Tidak ada komentar:

Posting Komentar