Wednesday, June 18, 2014

Animasi Random Post Bergerak Kebawah pada Blog

Sagitarius Kusadhi - Kali ini saya mau share tentang widget yang bergerak ke bawah atau lebih tepatnya slider ke bawah, memang dilihat dari tampilannya widget ini wajib dipasang bagi yang suka dengan animasi yang bergerak, karena tampilannya pasti keren. Untuk pemasangannya sangatlah mudah. Dan dibawah ini adalah cuplikan gambar dari Random Post yang bergerak kebawah

Cara Membuat Random Post Bergerak Ke Bawah

1. Login ke blog
2. Tata Letak => add gadget => Pilih HTML/javascript
3. Masukkan script berikut ke kolom yang tersedia
<div style="margin-bottom: 15px;">
<style scoped="" 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:#990000;}
#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:#282828;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="https://sagitariusadhi-jg.googlecode.com/svn/branches/shaggy-post-slider.js"></script>
<script type="text/javascript">
var speed = 200;
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&amp;alt=json-in-script&amp;callback=rpthumbnt"></script>
</ul>
</div>
Simpan Template sobat. Note: Warna Biru adalah kecepatan geraknya Warna Merah jumlah widget yang ditampilkan. Sekian postingan artikel saya kali ini tentang Cara Membuat Random Post Bergerak
Semoga artikel ini dapat berguna bagi para pembaca & para blogger semua.

2 blogger-disqus

ininih yang lagi saya cari - cari sobt, ane Bookmark Sekalian yah !!

Boleh mas silahkan, kunjungi blog ini lagi untuk info2 yg menarik :)
Happy Code & Blogging !!!


EmoticonEmoticon