Cara Menciptakan Recent Post Gambar Bergerak Di Blog

Cara Membuat Recent Post Gambar Bergerak Di Blog - Recent post ialah artikel posting yang paling terbaru dalam suatu blog. Kaprikornus pengunjung sanggup lihat postingan terbaru dari kita, Adapun artikel posting yang di tampilkan biasanya berupa judul saja dari artikel maupun ada sedikit isi keterangan dari artikel yang kita posting, namun hal itu sanggup dirubah sesuai dengan harapan kita. Berikut gambar Recent Post yang akan kita pasang :

Pada recent post menyerupai gambar diatas dilengkapi dengan Efek marquee atau slide berjalan dan gambar foto dengan judul postingan dengan bergerak slide kebawah. Sobat sanggup melihatnya pada Recent Post Bergerak pada slide samping kanan pada blog ini. script ini saya dapatkan di google.com untuk sumbernya Cara Membuat Recent Post Gambar Bergerak Di Blog.

Jika teman tertarik ingin menciptakan dan memasang widget recent post thumbnail gambar bergerak slide ke bawah menyerupai yang ada pada blog ini, Silahkan teman ikuti langkah-langkahnya sebagai berikut:

Cara Membuat Recent Post Gambar Bergerak Di Blog

• Masuk akun blog sobat
• Pilih Tata Letak
• Lalu Tambahkan Gadge pilih HTML/JavaScript
• Masukan arahan di bawah ini kedalam kotak HTML/JavaScript :

<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:#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 = 20;
var numchars = 60;
</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</ul>
</div>

Keterangan :

• kode yang warna Merah ialah kecepatan untuk berpindahnya post ke post lain,, jikalau perlu teman sanggup ubah kecepatannya..
• kode yang warna Biru adalah waktu berhentinya post/di pause.. sanggup di ubah juga jikalau perlu..
• kode yang warna Hijau adalah jumlah post yang akan di tampilkan di recent post. teman sanggup mengubahnya sesuka hati.

Semuanya sudah saya coba dan berhasil, hehe kini gentian teman untuk mencobanya. Sekian dulu Cara Membuat Recent Post Gambar Bergerak Di Blog. Jika teman resah sanggup tinggalkan komentar dan tunggu jawabannya. Ok salam blogger dan good luck

Eitz,,,, ada yang kelupaan kemarin kang zain share Cara Membuat Kotak Komentar Blog di Bawah Postingan lebih lengkapnya lihat DISINI untuk menciptakan box komentar dengan mudah.

Bagikan Artikel ini