Judul: Berbagi Info Seputar Cara Membuat Recen Post Bergerak Otomatis Di Blog Full Update 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.
Keterangan :
- 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
Itulah sob cara membuat Recen post bergerak slide di blog ,selamat mencoba semoga berhasil.terimakasih atas kunjungan sobat ,saya ucapkan terimakasih.
Itulah sedikit Artikel Cara Membuat Recen Post Bergerak Otomatis Di Blog terbaru dari kami
Semoga artikel Cara Membuat Recen Post Bergerak Otomatis Di Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Catalog Game. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Cara Membuat Recen Post Bergerak Otomatis Di Blog