4 CODE RECENT POSTS WIDGET

Hari ni Trick-4U nak share tentang Recent Posts Widget ,Recent Posts Widget posting nie fungsi dia adalah shorcut pada post-post yang telah lepas secara rawak.. dalam widget kali ini ada 4 style yang korang boleh gunakan, terpulang dari korang lah nak pakai mcm mana...
jom kita layan.......

mula-mula login blog korang pastu korang masuk dekat
layout > added tool > HTML/JavaScript

pastu korang copy lah code yang di bawah nie

CODE style 1

<!--~~~~~~~~~~~~~~~~~ Include these JS files once: jQuery then plugin --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js"></script> <!---~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~--> <!--~~~~~~~~~~~~~~~~~~~~~~~ required HTML --> <div class="related-posts-widget"> <!-- { thumbs:0 } --> loading.. </div> <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

CODE style 2

<!--~~~~~~~~~~~~~~~~~ Include CSS and these JS files once: jQuery then plugin --> <link type="text/css" href="http://blogger-related-posts.googlecode.com/svn/v2/style1.css" rel="stylesheet" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js"></script> <!---~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~--> <!--~~~~~~~~~~~~~~~~~~~~~~~ required HTML --> <div class="related-posts-widget"> <!-- { titles:0 } --> loading.. </div> <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

CODE style 3

<!--~~~~~~~~~~~~~~~~~ Include CSS and these JS files once: jQuery then plugin --> <link type="text/css" href="http://blogger-related-posts.googlecode.com/svn/v2/style2.css" rel="stylesheet" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js"></script> <!---~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~--> <!--~~~~~~~~~~~~~~~~~~~~~~~ required HTML --> <div class="related-posts-widget"> <!-- { thumb_size:'s320' ,max_posts:4 ,show_n:1 } --> loading.. </div> <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

CODE style 4

<!--~~~~~~~~~~~~~~~~~ Include CSS and these JS files once: jQuery then plugin --> <link type="text/css" href="http://blogger-related-posts.googlecode.com/svn/v2/style1.css" rel="stylesheet" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js"></script> <!---~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~--> <!--~~~~~~~~~~~~~~~~~~~~~~~ required HTML --> <div class="related-posts-widget"> <!-- { thumb_size:'s104-c' ,titles:0 ,max_posts:12 ,tags:[] ,show_n:4 ,animate:'width' } --> loading.. </div> <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

lau korang dah paste kan code tersebut dalam
HTML/JavaScript korang save lah..
letak jak kat mana-mana kamu suka ok..

selamat mencuba