Sedikit Info Seputar
Cara Membuat Recen Post Bergerak Otomatis Di Blog
Terbaru 2017
- Hay gaes kali ini team Info Symbian and Android, kali ini akan membahas artikel dengan judul Cara Membuat Recen Post Bergerak Otomatis Di Blog, kami selaku Team Info Symbian and Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Info Symbian and Android. semoga isi postingan tentang
Artikel Blogspot, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Cara Membuat Recen Post Bergerak Otomatis Di Blog
Terbaru
link: Cara Membuat Recen Post Bergerak Otomatis Di Blog
Berbagi Cara Membuat Recen Post Bergerak Otomatis Di Blog Terbaru dan Terlengkap 2017
Cara Membuat Recen Post Bergerak Otomatis Di BlogSelamat malam sob,kali ini saya akan membuat Recen post bergerak otomatis di blog.Sebenarnya cara ini tidak lah jauh berbeda dengan tutorial blogger lainya.jika sobat ingin membuatnya cara nya cukup mudah kog ,sobat hanya cukup sedikit menambahkan scrip Html .jika soba ingin membuat widgget recen post berjalan di blog,sobat bisa lihat tutorial di bawah ini.
Cara Membuat Recen Post Berjalan Di Blog .
- Masuk di blogger
- pilih Tata Letak
- klik tambahkan Gadget ,pilih Gadget Html javascript
- Letakan kode script di bawah ini di untuk membuat slide.
<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>
<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 = 8;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
- klik Simpan.dan lihat hasilnya.
- pada tulisan yang sudah saya kasih warna biru ,untuk menentukan jumbelah artikel yang ingin di tampilkan
- pada tulisan warna merah, untuk mengatur kecepatan slide
- pada tulisan warna hijau mengatur jumblah karakter artikel