Animated Recent Post Ver2

Recent post menunjukkan apakah post terbaru yang baru dihasilkan oleh seseorang blogger untuk blognya. Adanya animated recent post widget, dapat menambahkan lagi 'seri' bagi senarai recent post anda.



Anda boleh lihat demo animated recent post ver2 ini di blog demo ini.

Tutorial untuk membuat animated recent post ini adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.


<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/unwanted86/javascript/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://tutorialuntukblog.blogspot.com/2011/07/animated-recent-post-ver2.html" target="_blank">get this widget here</a></small>


3. Save dan lihat hasilnya.

p/s: Sebelum ini admin juga ada buat tutorial animated recent post ver1.


Suka entri ini.?

126 comments:

♥ aeryn ♥ on July 3, 2011 at 11:32 PM said...

trima kasih sgt4 whai admin , andA memang bijak

Zaf98 on July 3, 2011 at 11:46 PM said...

yay! da jadi! arigat0u guzaimas!

D.Queeen(Cik Muda) on July 4, 2011 at 12:25 AM said...

knapa x de gmba yg kluar kt tepi tuh ?

D.Queeen(Cik Muda) on July 4, 2011 at 12:46 AM said...

mcm mna nk bwad traffic light kt blog kta ?

pengembara on July 4, 2011 at 1:21 AM said...

kalau dh buat ver1 perlu delete dulu ke utk buat ver2 ni?

HaFiz on July 4, 2011 at 9:42 AM said...

yang ni aku suka cukup simple thanks bro

miZs bLccrEnT on July 4, 2011 at 1:45 PM said...

ok dah... aku punye dah ok dah... hehehe...tq2

Emma Akhma on July 5, 2011 at 1:49 AM said...

terbaekkkkk :)

~Maisarah Humaira~ on July 5, 2011 at 8:38 AM said...

emm....ape beze widget ni dgn yg sebelumnye?

iza izureen on July 6, 2011 at 9:32 AM said...

tolonggg... tolonggg mcm mna nk buat bnda ci , sy dah copy=paste tp takde recent post nya ..

dalila aimy on July 7, 2011 at 11:06 PM said...

beshh :) thanx

anally kimura on July 11, 2011 at 12:21 PM said...

jadi memang jadi tpi kenapa x boleh bukak??? problem loading kenapa (SILA JAWAP YER...)

jugraj singh on July 14, 2011 at 5:38 PM said...

tanks

~@~FaFa KiMuRa SaKuRa~@~ on July 15, 2011 at 12:10 PM said...

wahh....menjadi...tengkiuuu..!!!

Matrix Technology on July 21, 2011 at 9:51 AM said...

pening2,,heheh,,

Syakirah on July 21, 2011 at 10:55 AM said...

thanx ya.. sangat membantu

n.i.k on July 22, 2011 at 12:25 AM said...

simple thanks bro

Tia zyha on July 23, 2011 at 2:25 PM said...

tima kasih byk2 tn.. sngat mnarik..

azlia mj on July 25, 2011 at 2:13 PM said...

xbole klik save..;((

rizzanie on July 26, 2011 at 4:47 PM said...

thank, jadi juga

anonim on July 30, 2011 at 2:12 AM said...

keren mas bro.. aku serap ilmunya ^_^

Sweet Salt & Sour on July 30, 2011 at 2:39 PM said...

thanx admin..dah jadi dah.. :)

CuteCatPictures on August 2, 2011 at 9:37 AM said...

Ko memang bijak... tapi kalau affiliate links... boleh dianimasikan cam ni ke?

TheLee on August 2, 2011 at 4:48 PM said...

Bagus, bermanfaat tumpang semangkuk...

Aazib on August 4, 2011 at 2:34 AM said...

Wow! your blog is awesome. thank you so much

hpmurah2u on August 4, 2011 at 1:28 PM said...

memang bes benda ni...ha...nak ckp ni...jom ke blog sy...tengok2 handphone...

princessbunian on August 6, 2011 at 2:06 PM said...

thnkx a l0t ya .!

Misz Icah Chubby on August 6, 2011 at 11:02 PM said...

thankyou

eri_litta on August 9, 2011 at 3:17 PM said...

thanx ea..

hobivakti on August 10, 2011 at 5:51 PM said...

Teşekkürler. :)

dhiaelena on August 12, 2011 at 9:31 PM said...

wah ,, comey2
saya ambil ye,, tq2

Haeyba Hamidon on August 17, 2011 at 2:25 PM said...

why i buat tak jadi? :(((((

ercy on August 22, 2011 at 1:27 PM said...

tq.... i ambil...

Susan Lolo B. on August 23, 2011 at 10:05 AM said...

terima kasih.. kita amek satu :)

Wanis~~ on August 27, 2011 at 12:40 PM said...

cantik!

smartphone on September 6, 2011 at 11:53 AM said...

nice post...

arshad stilleto on September 8, 2011 at 4:22 PM said...

tak jadi pun. yang kuar cuma ayat ni .. 'get this widget here'

Rafifi on September 11, 2011 at 4:47 PM said...

terima kasih..dah buat utk blog saya.

yoya on September 13, 2011 at 7:36 AM said...

tq2...da jadi da:)
credit to you!

HaziNiey PauLo on September 15, 2011 at 9:58 PM said...

tq...

Cap@yam on September 25, 2011 at 3:10 PM said...

TQ..BERJAYA

Herny on October 20, 2011 at 5:02 PM said...

Blogwalking ... :)
Please visit back yuaaa.. ;)

narumiafiqah on October 21, 2011 at 5:30 PM said...

ta jadi :'(

L I L Y A M I R A B T I B R A H I M ♥ on October 22, 2011 at 9:28 AM said...

em kite dah buat , tapi nape takde kuar pape pon :(

nurul izzati on October 24, 2011 at 10:19 PM said...

tapi kenapa dy ulang-2 balik yang sama recent post tuh ?

jangmi jinju on November 2, 2011 at 10:29 AM said...

TQ :)

MrHiro Shi T Dimension on November 2, 2011 at 9:52 PM said...

Mcm mne nak tukar background putih kepada apa2 warne yg saye suka..Bole ka?

Aida Koh on November 4, 2011 at 12:41 PM said...

em... :( dh copy n paste tp x jadi... mcmane ek??

fizyy on November 19, 2011 at 12:41 AM said...

tq yerr

LINDA MARTOPO on November 20, 2011 at 10:32 PM said...

mmg cun widget ni.. dlm blog i pun ade gak.. hehe.

fieza on November 23, 2011 at 12:51 AM said...

yeah da jadik...thnx untuk tutorial ni...:)

hafizah meyh on November 25, 2011 at 8:38 AM said...

Thanx ea

mohd ridwan on December 1, 2011 at 3:17 PM said...

nak tanye,kenapa gambar aquw buat sekejap kecik sekejap besar??

Beatrice Rachel Deut on December 12, 2011 at 12:20 AM said...

Thank you! ^_^ Suke!

Mohamad Firdaus on December 17, 2011 at 8:05 PM said...

dia punya default picture dia kalo tukar kepada yg kita nak mcm mana ekk?? sebabnya kalo satu2 post tu x bergambar..dia jadi X kat bhgian gambar tu.... Plz...reply.. (X tu buat blog kita jadi huduh...HuHuHu. T_T

Ziqa on December 26, 2011 at 4:26 PM said...

ktEr xblEh tukAr wArna diA ker.?

Ur Mu$ic... on December 26, 2011 at 8:48 PM said...

Mesti bosan dgn warne puteh.... jek.. puteh, puteh, puteh.. x cerie langsung.. tpi klu nk tau... ef bleh bgi tau... hehehe.. First.. pegi kt 'animated recent post' kite, pstu kt bwh der sign 'mcm tool ( spanar and screwdriver )' utk edit, click at it.. then cri tul2 taw.., de tulis 'background-color:#ffffff;' cube check balik kt atas or kat blog korang... pstu tukr kn '#ffffff;' kpd kod wrne yg korng suke... Mne nk cri kod wrne ek..?? hehehe.. click kt.. http://tutorialuntukblog.blogspot.com/2011/04/cara-buat-bubble-cursor-pada-blog.html [ sebenarnye tuh tutorial utk wt bubble cursor , tpi die de bgi kod2 wrne tuh kt bwh ] lps cri toi2 dan buat pilihan korang, wt mcm pe yg ef sruh.. then.. TA DA..!!! jdikn... tpi nk gi answer kene larh follow blog ef .. uuurrmm.. klu x, x nak kwn... pent jek bgi... plez ye uref5867.blogspot.com .. follow larh...

Razif Mokji on December 28, 2011 at 1:56 AM said...

kalau untuk blog list ada tak

'imaniesluvduckymomo on January 1, 2012 at 2:53 PM said...

can u help me ?

Mohd Nasrul Hadi on January 10, 2012 at 4:34 PM said...

gambar keluar...tapi xda tulisan xda poooodah

iela_dekla on January 12, 2012 at 12:01 AM said...

tq....dah jdi...tp npe x kuar pic..

ustaz yahya alhafiz on January 23, 2012 at 8:20 PM said...

bagus bagus saja, terima kasih ya

TcRaiN on January 28, 2012 at 10:02 AM said...

Kalau nak tambah bilangan post macam mana ya... saya dah try ubah num of post jadi 10, tapi semua benda dalam kolum tu pun animated juga...

Pinky Aina on March 12, 2012 at 12:33 AM said...

Terimak ksihh

AceyrafRoshlanz on March 14, 2012 at 11:41 AM said...

maaf tak menjadi lah :(

Can I Share Something With You Dear?? on March 14, 2012 at 4:26 PM said...

knpe x kluar pn...dh save dh..ble view blog x jd pn...

sigit waskito aji on March 18, 2012 at 12:00 AM said...

all nice posts!!!!!!!!! i wish my blog like your blog!!!!!!!! visit me: http://sigitwaskitoaji.blogspot.com/

Cik Nad on March 19, 2012 at 1:45 PM said...

sebelum ni buat pakai ver1 tapi statik. mgkin tak sesuai dgn my blog. tapi pakai ver2 ni menjadi.. cuma knape asek post yg sama je berulang2? dia bukan random ke?

Dan hanya keluar tajuk entri je eh?

Syapik Razak on March 21, 2012 at 1:37 AM said...

x menjadi la..pelik.

wan faris on March 27, 2012 at 5:30 PM said...

thank bro,,

Rain on March 28, 2012 at 9:56 AM said...

untuk select all dalam textarea :

<textarea rows="10" cols="50" onclick="this.focus();this.select()" readonly="readonly">
example text
</textarea>

Anonymous said...

Thanks...successfully done!

gozoblog on April 19, 2012 at 5:44 AM said...

ACESSEM TAMBÉM: http://gozoblog.blogspot.com.br/

SYAZA SWEET SHOP on April 20, 2012 at 1:28 PM said...

ngah berbw ni,,nice blog

Bollywood Gossips on April 25, 2012 at 7:19 PM said...

thankyou

Guess who . . . on May 4, 2012 at 1:50 PM said...

thanks :)

http://kehidupan-seorang-lelaki.blogspot.com/

bill nonoi on May 8, 2012 at 12:18 PM said...

gindu ye kat smasra. krm salam kat bdk aspuri ye

Anonymous said...

oke sy dh khatam sume tutorial nie dh bce dri 1-76...thank sesngt...now sy nk wat blog dgn bantuan tutorial nie...hihi...

Can I Share Something With You Dear?? on May 29, 2012 at 9:40 AM said...

Xjd pn....dia just tggal ruang kosong je...tp x da post tu pn.

Jessica on June 5, 2012 at 11:55 PM said...

thanks a lot admin..

Calestra Audrey on June 18, 2012 at 11:25 PM said...

thank y0u ^_^

elhaq on June 23, 2012 at 4:28 PM said...

good job,,

Izzah Norlizah on October 6, 2012 at 1:02 AM said...

thanks,,,jd.wlu sgt simple sbb xpyh mskkn url sgla^^
tQ,,,ska sgt2

Puteri Darwisya on November 6, 2012 at 3:38 PM said...

Thanx....

Anita Knitting on November 15, 2012 at 10:54 PM said...

thanx dear...so lovely :)

Cik Wannsury on December 10, 2012 at 10:54 AM said...

thanks

Tips Trik Blogging on December 15, 2012 at 2:16 AM said...

Thanks for the tuts

Haryz Khairuddin on January 14, 2013 at 8:39 PM said...

untuk 2nd version ni x payah letak blog URL ke?

Tutorial Blog Dan Tutorial Seo on February 1, 2013 at 10:24 AM said...

terimakasih tutorial ya. setelah saya terapkan berhasil ternyata tidak begitu susah dalam membuatnya

Download Software on February 1, 2013 at 10:35 AM said...

thanks tutorialnya. sangat bermanfaat sekali

Chord Gitar Terbaru on February 1, 2013 at 10:36 AM said...

saya mencari-cari hal ini dan akhirnya dapat disini. terimakasih sudah share ilmu yang bermanfaat ini

Nor hasanah Othman on February 14, 2013 at 10:47 PM said...

tutorial nie sangat bagus,sya slalu rujuk dkt sini.sya nak tanya macammana nak letak gambar2 cute bergerak.......

Icanz Fairuz on February 20, 2013 at 12:25 PM said...

sebelumnya w mohon maaf ni gan w ni junior dalam seo jadi harus bayak belajar disini w lg nylesain buku pertama w .
w mohon izin copas gan,,
ni juga untuk kebaikan bersama seo indonesia tnks

Nurul Hidayah on February 27, 2013 at 12:19 PM said...

minta izin copy :D thanks

Atie Kolagen on March 8, 2013 at 9:54 PM said...

maaf,sy dah buat tapi tak jadi pun,ada sesape bolh tolg tak

Marha Amni on March 21, 2013 at 6:19 PM said...

Thanksss banyak banyaakkk

aljafari on March 23, 2013 at 12:10 AM said...

wah kerani, cara membikin animated postnya sob, aku mau ijin praktek ya sob :-)
kira kira aku praktekin di MWB bisa ngakya sob??
apa hanya husus blogspot aaja ya sob :-) ?????

bakal jenazah on April 13, 2013 at 8:37 PM said...

thanks ;)

Syafiq Muhammad on April 16, 2013 at 4:18 PM said...

blogwalking here ,mine follow back http://www.officialsyafiqmuhammad.blogspot.com/

muhammad hisyam on April 25, 2013 at 9:00 AM said...

makasih ya sob :-)

aktraktif on April 27, 2013 at 12:53 PM said...

terima kasih telah berbagi ilmu

Anonymous said...

Τerгific artіcle! This is the kind οf
info that are mеant to be ѕhаreԁ аrounԁ the
intегnet. Disgrace on Gоogle for no
longer positioning this publish higher! Come оn
oveг and talk over with my sіte . Thanks =)

Also vіѕit my blog iphone repair malaysia

Jue on May 10, 2013 at 11:23 PM said...

Blog yang sangat membantu. Tq

Anonymous said...

Team planning software is a perfect choice for many many reasons.


My web site :: tanie noclegi zakopane

Anonymous said...

You end down being observant as well as go through templates.

Internet is usually to work with fun, buying, home business and
several other sorts of intentions.

Feel free to visit my web-site rolety katowice

Anonymous said...

Remember, you're their tone of voice and their place for now '" help them search for the right trajectory. You must always have an typically objective.

Also visit my web blog :: grzejniki łazienkowe

Anonymous said...

Perform an enquiry on the location for information on foreclosures.
However, other things you give up of your own volition is free game.


my web-site - minimalne wymagania maszyn

Anonymous said...

Well being services involve stress management, weight diminishment and
nutrition. Take for as an example a one variety of
thousand dollar methods.

My blog post druk-efekt.pl

Anonymous said...

Another choice may be in order to a gas-powered power generator and maintain
it on standby. Many of us should certainly hunger to transport
improvement of such a vast issue.

Feel free to visit my website: gsa search engine ranker

Anonymous said...

In the event that you are using your forties, or older, a Ottawa
bungalow should be considered.

Also visit my blog post :: stormchaser.pl (Stormchaser.pl)

Anonymous said...

You can besides that incorporate the TRX Suspension Trainer found by athletes for example , Brandon
Vera. I use markers myself, in which yes and merely.


Feel free to surf to my web site - tanie-rozmowy-z-anglii.pl

Anonymous said...

Nevertheless has to be accomplished caringly to retain the
natural sound accurately. Steer clear dark or your favourite songs in minor practical knowledge
while guests are arriving.

Here is my homepage; pozycjonowanie

Zarra Qaseh on June 28, 2013 at 11:44 AM said...

thank you for sharing :)

Basyiri Rahmanto on July 2, 2013 at 7:54 PM said...

klo cara buat random post gimana gan??

Jual Sepatu Online on July 12, 2013 at 4:42 AM said...

Ow.. Keren.. Makasih ilmunya

Jual Tas Online on July 13, 2013 at 8:05 AM said...

Please support the blogs below.....

Perusahaan Seowaps,
klik di sini,
Kunjungi Website,
Cari Uang,
Seowaps,
Cari Uang,
Thanks for your understanding...

Anonymous said...

Thank you very much for posting and sharing this great article.
See more

ViperGoy Blog on August 5, 2013 at 12:51 PM said...

makasih informasinya bro

Backlink Berkualitas
Autolike Facebook 2013
Biodata JKT48
Twitter JKT48
Alexa Rank

LigaTaruhan Agen Judi Online on December 10, 2013 at 4:15 PM said...

wah sangat bermanfaat gan informasinya, sukses selalu
salam blogger :)

Bwin368 Agen Judi Terpercaya
Bwin368 Agen Bola Online

LigaTaruhan Master Judi Indonesia
LigaTaruhan Agen Judi Pialaa Dunia 2014

Forum Judi Online

Kata Cinta on December 10, 2013 at 4:18 PM said...

wah sangat bermanfaat gan :D

Kata Mutiara on December 10, 2013 at 4:18 PM said...

sangat membantu nih :D

Kata Bijak on December 10, 2013 at 4:19 PM said...

terimakasih, keep posting sob

Kata Romantis on December 10, 2013 at 4:20 PM said...

wah sangat bermanfaat sekali

Mohd Eransah IV on December 16, 2013 at 9:08 PM said...

Sya masih kekurangan follower :'( sesiapa volunteer nak, dipersilakan :D
visit my blog : www.mrsabahan96.blogspot.com

Kumpulan Kata Ucapan Selamat Tahun Baru 2014 on December 31, 2013 at 12:15 PM said...

http://vipergoy.blogspot.com/2013/12/kumpulan-kata-ucapan-selamat-tahun-baru.html

dunia remaja on August 5, 2014 at 2:54 PM said...

Thank you for sharing your knowledge..it is very useful for me who still need guidance..

Post a Comment

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com Edited by Unwanted