Animated recent post bergambar - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul Animated recent post bergambar, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Animated recent post bergambar, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Animated recent post bergambar
link : Animated recent post bergambar

Animated recent post bergambar

Animated recent post bergambar ini akan menunjukkan post tebaru dari blog anda, berfungsi sama seperti widget Recent post bergambar. Widget ini akan berulang-ulang memaparkan preview post terbaru anda(beserta gambar post) seperti yang ditunjukkan di atas. Caranya? sila ikuti tutorial di bawah :

1) Login akaun blogger anda

2) Dashboard > Add A Gadget > HTML / Javascript

3) Copy paste kod dibawah ke ruangan HTML tadi

<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/jombinabeloganimatedrecentpost/recentpost.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://jombinabelog.blogspot.com/2011/12/blog-post.html" target="_blank">get this widget here</a></small>

Nota:
5  -  jumlah post yang ingin dipaparkan dalam widget ini.

4) Save dan lihat hasilnya.


Selamat mencuba! :)

Demikianlah Artikel Animated recent post bergambar

Sekianlah artikel Animated recent post bergambar kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Animated recent post bergambar dengan alamat link http://carasignup.blogspot.com/2011/12/animated-recent-post-bergambar.html

Tweet