Tutorial Cara Buat Widget Post Terkini Di Blog

click to zoom

Hai all..disini koz akan berkongsi dengan korang cara nak wat widget Post terkini pada blog korang,Widget ini akan mempamirkan setip post terkini yang ada di blog korang dan cara ini akan memudahkan pengunjung untuk megetahui post-post 10 terawal...Cara-cara untuk buat widget ini amat mudah...korang cuma ikut lankah-langkah seperti di bawah...

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Kemudian copy dan paste code di bawah

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><script style="text/javascript" src="http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js"></script><script style="text/javascript">var numposts = 5;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 100;</script><script src="http://NamaBlogKorang/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

Langkah 3

Pada code yang mempunyai ayat NamaBlogKorang gantikan pada nama blog korang

Save dan lihatlah hasilnya...
Camat mencuba...
Ranking: 5

Comments:17

huhu...tuto yang bagus...tq..tq..

02 June, 2010 16:40

bestttt!!!

03 June, 2010 22:19

Rajinnye..keep it up! ;)

04 June, 2010 11:37

da folow..
thanx for th tutorials..
:D

04 June, 2010 16:08

bagusla, nanti nak try

04 June, 2010 19:12

tutorial tq

05 June, 2010 00:30

eeeee..comel la blog ni...
tak maca blog budak nakal pun.. :P

Thank You NUFFNANG for cheque No 5 !

05 June, 2010 02:30

dh try..tak kuar ka page i.. :(

05 June, 2010 04:55

i follow...thankx 4 sharing info

07 June, 2010 16:10

Waaa... tutorials yg menarik :)

thankx 4 sharing :p

08 June, 2010 10:45

hmmm nice info...

17 June, 2010 21:06

paling suke belog Koz !!

31 July, 2010 00:03

thank you for this info..saya da try....tink u!

09 August, 2010 21:39

tQ :)

02 November, 2010 16:02

yg ni memang tak begerak ke?

10 October, 2011 23:18

tq..

Post a Comment

Komehlah dan klik G+ di atas sekali okey^^

 
Google PageRank Checker Powered by  MyPagerank.Net