Monday, August 23, 2010

Animated Recent Post Widget


Update: Bagi sesiapa yang menghadapi masalah background widget ini tunjuk 'bandwidth exceed", boleh copy semula kod dibawah, dan masukkan semula url anda..

Kesulitan dikesali.


Meletakkan animated recent post widget dapat men'stail'kan lagi cara paparan recent post yang ada pada blog anda. Contoh recent post widget adalah seperti berikut.

(tunggu page habis load utk tengok pergerakan, pergerakan sebenar adalah lebih perlahan dan lancar)



Berikut adalah cara-cara untuk menggunakan widget ini.

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

2. copy code berikut dan paste di ruangan HTML/javascript

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://tutorialuntukblog.blogspot.com/2010/08/animated-recent-post-widget.html" target="_blank">get this widget here</a></small>


Note: gantikan URL BLOG dengan url blog anda..

3. Save dan lihat hasilnya.

-------------------

PERHATIAN: Didapati tidak semua template blog 'boleh masuk' dengan widget ini. Kemungkin sebahagian besar boleh menggunakan widget ini. Oleh itu anda boleh mencuba dahulu samada boleh guna atau tidak untuk blog anda. Masih belum jumpa penyelesaian untuk itu.

Harap blog anda boleh menggunakan widget ini.
Selamat mencuba.:)


Suka tutorial ini.?

295 comments:

«Oldest   ‹Older   201 – 295 of 295   Newer›   Newest»
JAMUR on August 3, 2011 at 12:42 PM said...

thank you...very much....

Jennifer Atkinson's Folkart Affair on August 9, 2011 at 8:54 PM said...

Could you please give instructions in English as to how I may have this feature on my blog?

anwarjapanese on August 10, 2011 at 3:19 AM said...

menarik, sedang gunakan, terima kasih ^^b

Niema on August 11, 2011 at 5:28 AM said...

Terima Kasih banyak...ilmu yang berguna... :)

jaizals on August 11, 2011 at 11:45 AM said...

tq...da dpt da..hehe :)

zie on August 12, 2011 at 11:59 PM said...

menarik.. bleh guna kt blog sy nie.. terima kasih yea..

merahitujambu on August 15, 2011 at 6:45 PM said...

TERIMA KASIH

budak sakai on August 17, 2011 at 11:26 PM said...

yahoo ~ dha jdy2x .
terrima kaseh yaw :)

CIKGU ZAIFUL. on August 18, 2011 at 12:14 PM said...

terima kasih

Gadis Merah Jambu on August 19, 2011 at 11:31 PM said...

terima kasih :)

:: kAkI NoTa :: on August 21, 2011 at 1:02 AM said...

alhamdulillah.. dh buh dah kat blog..nmpak smart jgak..

cikintan :) on August 23, 2011 at 5:17 PM said...

thanks.. :)

Ellyn Cynthia (Kak Yen) on August 23, 2011 at 8:34 PM said...

sparuhnya saya ada ikut . ok juga la . erm . btw , follow la saya k , n comment what that u all think want me do . 0ryte .

narumiafiqah on August 28, 2011 at 4:01 PM said...

ta kua gambar n kosong jew.. mcm mne nie? saya nak sgt .. lawa giler !!

Rabeah Fadzil on September 1, 2011 at 4:39 PM said...

ari 2 boleh..pastu saya tkar url blog..terus xboleh..cane erk??

Joanne Fyna on September 5, 2011 at 2:48 PM said...

macam mane nak masokkan lagu ek ?

uncle on September 8, 2011 at 3:33 PM said...

sekarang widget macam ade prob laaa.. sbb dye da x gerak2 macam dlu.. huhuhu...

iEDa on September 13, 2011 at 4:56 PM said...

tQ!!!
dah buat
cmne nk lebarkan benda nie..help:P

Belajar All on September 23, 2011 at 3:57 PM said...

wow keren!!!

fadirul ezwan on September 26, 2011 at 8:32 PM said...

sya bru dlm dunia blogger,tlong ajar sya,cra buat blogger yg sempurna.Siapa nk tgok blogspot sya,tlong ke rahsiamu.blogspot.com dan jdilah follow sya.

Pinkypicasa on October 3, 2011 at 9:09 AM said...

Thank. dah gn dah

Iroyowne on October 17, 2011 at 10:48 PM said...

huhu....tak dapat lha =(

Suara Hati on October 21, 2011 at 11:07 PM said...

mula2 buad bole guna lagi..tapi lelama da tak brfungsi...uhuhu

ct nur fatihah on October 23, 2011 at 12:50 PM said...

thanxs..

shahdiana on October 29, 2011 at 6:37 PM said...

dah try & berjaya ..TQVM...dah follow sini ...

syuhada on October 29, 2011 at 7:39 PM said...

Hahahhaha ,.. jadi pon ! thankiuu cuz bagitau cmne nak wat kayy ! hahahaha .,,

Blog Sensasi on October 31, 2011 at 7:27 PM said...

thnks

ZarithAtieqah on November 1, 2011 at 4:07 PM said...

thanks , menjadi la :)

Intan Zulhilmi on November 3, 2011 at 3:08 PM said...

dah guna and menjadi da...thanx yer..

Dd Chronicle on November 4, 2011 at 11:52 PM said...

Bagus jugak ni.. nk letak jugak la... jom pegi blog penyiasatan aku jom...

..iNurqa .. on November 10, 2011 at 10:30 PM said...

kenpa saya buat ta jadik ape2 ?

AZHAR KEK LAPIS -FRESH FROM OVEN on November 11, 2011 at 9:12 PM said...

dah berjaya sangat bagus....

Deepsea on November 13, 2011 at 4:05 PM said...

naka tnya boleh...

kalau nak buat jadi 10 macamana yer??

✿◕ ‿ ◕✿CoretanTerataiPutih✿◕ ‿ ◕✿ on November 23, 2011 at 12:25 PM said...

ta berjaye pon adeh

JUWOTO BANGILAN on December 9, 2011 at 10:25 PM said...

TERIMA KASIH

sarabose on December 12, 2011 at 5:49 PM said...

Awesome logic, its working great! thanks a lot for sharing this with me!HP Laserjet 1020 Driver

afie on December 14, 2011 at 3:31 PM said...

dah try... thank for sharing

mselim on December 19, 2011 at 11:34 AM said...

Terima kasih ...dah jadi.

Syukran...

MENATA AKHLAQ Menuju Ridha dan Cinta-NYA on December 28, 2011 at 11:52 PM said...

JAzzakumullahu Khairan Wabararakkalhu Fikuum,,Syukhran jidan atas perkonsiannya Saudaraku,,,Salam Erat Ukhuwah Fillh..

Amniey Laila on December 29, 2011 at 12:34 AM said...

Haii awk. .npea saia bt xjdy yea ??

jiwa koyak rabak on January 2, 2012 at 2:02 AM said...

best la wedget at sini..
klo mcm ni hary-2 la na copy & paste at sini..
huhu

khairul on January 3, 2012 at 12:21 PM said...

dh buat TQ

Nad + Dhilah on January 3, 2012 at 6:11 PM said...

kenapa dia tak bergerak ?????? saya tengok orang lain okay je ? :'(

bada on January 6, 2012 at 10:23 AM said...

hai..saya pun guna di blog saya

http://ariffda.blogspot.com

tq ngan tutorial berguna ini :)

shahrul on January 9, 2012 at 11:45 PM said...

thank you,..

Agus abu Zadid on January 10, 2012 at 2:58 PM said...

mantap gan...langsung ke TKP deh

syafiranadiaelias on January 10, 2012 at 11:47 PM said...

blog sy x ley msuk la..wuuaaaa..sedihnya..:'(

Tungau Melayu on January 15, 2012 at 4:20 PM said...

macam mana nak wat pages 'selamat datang / home' kita sebagai default muka depan tiap kali orang type url blog kita dan bukannya keluar post dahulu. TQ

~Lai_ZuLaikha~ on January 18, 2012 at 9:19 AM said...

terima kasih

xat.com/Heypy on January 27, 2012 at 1:36 PM said...

Jom chat di Heypy untuk memenangi hadiah wang tunai RM100 setiap minggu! ada 19 Radio (Suria FM dll), Hantar SMS FREE!, Tengok TV, nk request BF/GF pun boleh! model cantik dan hensem! Nak post iklan pn boleh. klik: http://xat.com/Heypy

misswatie on February 20, 2012 at 8:25 PM said...

byk info yg bergune kt cni,,hehehe,,best2,,

nazuren abdul raof on February 20, 2012 at 11:36 PM said...

bgos nye tutorial neh :D

ErnieFaizal Siti on February 25, 2012 at 7:46 PM said...

thanks for sharing :)

zaireey on February 26, 2012 at 10:12 PM said...

tq kerana banyak info saya kongsikan link diblog saya.

novelloverzz on March 5, 2012 at 4:52 PM said...

Tq info yang sangat berguna. Tq so much..sy dah apply kat blog sy.

nur waheda on March 16, 2012 at 8:49 AM said...

dah jadi dah..thanz

Liney on March 24, 2012 at 10:46 PM said...

thanks... nice widget :)

ezyra daniel on April 25, 2012 at 3:29 PM said...

size tulisan tk sesuai gan blog sye..tak reti laa camne nak kasi tukar...da try byk kali..tp pix je y jd besar..

LaTahzan on April 26, 2012 at 7:38 PM said...

alhmdulillah,jd pun...first buat xjd...bca blik dan uat step2..hasilnya...tp koleksi yg lama2 xmasuk ye???...hanya koleksi terbaru je...

မင္းမင္းသူ on April 28, 2012 at 11:47 PM said...

thanks u so much my sister.pls come back to my blog....minmn583.blogspot.com

Muhammad Hofiz Achoson on May 19, 2012 at 9:06 PM said...

boleh guna... tapi soo sad, salah position :( any help???

Donny Ien on May 23, 2012 at 9:43 PM said...

terima kasih kerana berkongsi tutorial ini. saya suka widget ini.. nampak menarik

عفيفة نبيلة on May 23, 2012 at 10:41 PM said...

maaf yer.. tp dukacita sy maklumkan bhw... sy xleh letak widgetnih dlm blog sy... bile sy letak, dy jd crash ngan image slider.. bile jd begitu, yg image slider juga sidebar tab jd rosak.. tp widget nih ok.. rseny mgkin sbb crash kt javascript.. so, nk mtk tlg ejasla biar dy x crash.. i like this widget.. tp bile jd mcm nih, terpaksa buang la widget nih.. :(
anyway, this is my blog:- http://destinyofhuffaz.blogspot.com

juniza md ismail on June 8, 2012 at 4:26 PM said...

payung sutera : sama la kita..budak baru blaja..huhu..mana la nak add a gadget tu?? tolongg

inna always love you on June 9, 2012 at 4:19 PM said...

yeah.. berjaya... TQ yah

Mohd Suhaimi on June 10, 2012 at 5:24 PM said...

thank u yek...........
byk yang saya belajar dari sini..........

Lorlipop Properties on June 23, 2012 at 6:51 AM said...

Arigato Hozaimass :D

Adnee on July 9, 2012 at 9:25 AM said...

baru je jumpa.... ada percubaan kalo kantoi akan maklumkan kemudia. Thz

norain.rahmat on July 14, 2012 at 6:33 PM said...

kenapa tak bergerak macam yg tunjuk kat atas tu yerk???

Pelita DalamKaca on August 13, 2012 at 2:05 AM said...

thanks bro

Syamimi Zainon on September 8, 2012 at 3:34 AM said...

Thank u ! mimi baru nak tryy . hehe

nourz areqeylah zaainn on September 9, 2012 at 10:36 PM said...

knp xgerak?cdiey:(

khairiah khaizu on September 20, 2012 at 2:57 PM said...

t/kasih....saya follow

Bung Dwijaya on September 27, 2012 at 8:51 PM said...

Keliatannya menarik untuk dicoba.

syaf!q sham on September 30, 2012 at 1:11 AM said...

perassssnyyy......

Muhammad Afiq Shiful on October 14, 2012 at 2:49 AM said...

assalamualaikum,alhamdulillah jadi.Cume entri dalam page tu ade banyak .

Hafizoo Kassim on November 13, 2012 at 10:34 AM said...

apa dia...

ANa Ahmad on November 14, 2012 at 10:03 AM said...

waw menjadi huhu nice...

My Blog on November 30, 2012 at 5:36 PM said...

Buat Website bisa ga yang bukan Blogspot ?

Mohd Asrul on February 7, 2013 at 6:11 AM said...

dah guna. simple dan senang.menarik. terima kasih ye.senang2 singgahlah blogwalking ..:)

ieta on February 25, 2013 at 11:16 PM said...

terima kasih... dah jadi :)

Linda AnNur on February 27, 2013 at 6:10 AM said...

thanks ye tutonya...
menjadi =)

ct.suraya on March 20, 2013 at 12:22 AM said...

Alhamdulillah,dh apply kt blog saya..
thanks a lot ^^

guntaraajie-version on March 27, 2013 at 11:04 AM said...

sipp
mantapp

M. Sofyan Daud on April 10, 2013 at 12:18 AM said...

datang berkunjung ke blog sahabat, dan tidak lupa join.

join balik ia.
http://karyakuringharatis.blogspot.com/2013/04/rokok.html

Darul Ridzuan ahmad on June 10, 2013 at 8:44 PM said...

salam persahabatan dan perkenalan saya pendatang baru dalam dunia blogger

Darul Ridzuan ahmad on June 10, 2013 at 8:46 PM said...

salam persahabatn dan perkenalan saya pendatang baru dalam dunia blogger mohon tunjuk ajar
http://kesihatan-kekayaanwang.blogspot.com

izaRamos on June 21, 2013 at 12:19 PM said...

tnx! dah guna, simple!

zek zaha on August 15, 2013 at 9:23 AM said...

good info

Adawiyyah Adam on September 14, 2013 at 6:05 PM said...

dah cube n menjadi..tenkiu very much.this blog is so helpful to new blogger like me..now enjoying blogging..xoxo

kita Bantai on September 22, 2013 at 2:41 AM said...

Terbaik :)

Melor Marlinda on September 27, 2013 at 5:16 PM said...

salam mcm saya save tak keluar ekkkk

Kunci Gitar on February 23, 2014 at 11:03 AM said...

keren gan, saya coba ya ..

nurul dahlya alias on March 5, 2014 at 5:02 PM said...

saya pun tak dapat view widget ni lepas saya savekan di blog www.nuruldahlya.com please help me

Zie Zaini on April 20, 2014 at 10:23 AM said...

Terima Kasih atas perkongsian anda,saya dah guna di blog saya http://memoridarilensaku.blogspot.com/

Terima Kasih!. :)

«Oldest ‹Older   201 – 295 of 295   Newer› Newest»

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