Status
Come and follow my blog. thank you for your supports. :) now i'm officially graduated from UITM. Alhamdulillah :)



Ieqashafiqa

Shoutbox










My words!


Hai. I Ieqashafiqa. Want to know about me? Feel free to follow me. If you gonna search something, in below box!



>> convocation countdown
date : NOW
at:00:00am


>> Bachelor of Engineering (Hons) Chemical
date : 06/09/2014
at:08:30am


>> officially finish my diploma
date : 09/05/2014
at: 09:00am


>> prince proposed
date: 20/10/2012
at: 12:00am



Followers




Blog Archive


 tengah skodeng


Contact Me


: Shafiqa'aziyatul Azie
: @ieqashafiqa
:ieqashafiqa
: My Blog

Tabung Masa Hadapan



Tutorial animated recent post bergambar
Wednesday 25 April 2012 | 0 Diamond[s]

Sekarang ieqa nak buat Animated recent post bergambar a.k.a Recent post bergambar. Maksudnya? Widget ini nak preview post terbaru anda berserta gambar post. Jom!! Ieqa tunjok kan macam mana nak buat.


1.       DASHBOARD>ADD A GADGET> HTML/javascript
2.      Copy and paste kod kat bawah nie ke ruangan HTML tadi keyh.

<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. 


 Save dan lihat hasilnya. selamat mencuba~


Post a Comment

Asslamualaikum~
thanks for the comments. no harsh word ok. :)


Newer Post
Older Post