Senarai Tutorial

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! :)


Special:
wOoWW...!!!!!
dia dicabar untuk SENYAP...
Lawak kot tengok laki hilang kemachoan diorang dalam keadaan macam ini...!!!!
watch a movie...


Sharing is caring ^_^

6 komen budak comel:

drieant said...

mantep gan , ane ud nyoba dan jadi. tapi untuk ruang kecil ko judulnya jadi berantakan ya?

tapi overall, keren gan. buat ane yang masih newbie ni bagus lah.
drieant

adil said...

Gan kalo mau nambahin Emotions ke Komentar di blog tu gimana caranya gan?

mohon replynya....

Persona Algebra said...

tq...kamu bnyak membantu...

Jombinabelog said...

@adil akan datang saya akan buat tutor berkenaan ni ye..

kd itachi ^0^ said...

thnx a lot bgi ilmu kat sy y newbie ni... :)

kd itachi ^0^ said...

tq,krn bnyk bgi tunjuk ajr trutmnya sy y x brp pndai designing blog.he3.:D

Copyright© All Rights Reserved Jombinabelog.blogspot.com