2008-05-25

JavaScript : Recent Posts and associated images

I had came across with one of the WordPress Themes which is called "The Morning After" created by Arun Kale and I was thinking to convert the theme to Blogger. But then, I realized, the theme design is grid-based and has the following requested feature - "Recent posts highlighting" also known as recent posts with thumbnail images. (news upadate as at May 26 2008, I've ported the above theme and soon to be released. Come back later for more ported WordPress Themes.)

The search for the widget was successful and I landed on a blog site of VietWebguide.com where I found the info about the widget. The steps provided below for customising various aspects of the widget applies as follows:-

1- Login to your Dashboard> Layouts> Page Elements>
2- Click on 'Add a Page Element' which is under your sidebar.
3- Chose to add Html/Javascript.
4- Copy and paste the following code:-
<script type="text/javascript">
imgr = new Array();

imgr[0] = "http://anhvo.info.googlepages.com/phi00001.png";
imgr[1] = "http://anhvo.info.googlepages.com/phi00002.png";
imgr[2] = "http://anhvo.info.googlepages.com/phi00003.png";
imgr[3] = "http://anhvo.info.googlepages.com/phi00004.png";
imgr[4] = "http://anhvo.info.googlepages.com/phi00005.jpg";
imgr[5] = "http://anhvo.info.googlepages.com/phi00006.jpg";
imgr[6] = "http://anhvo.info.googlepages.com/phi00007.jpg";

tablewidth = 180; cellspacing = 1; bgColor = "#ABAE9B"; imgwidth = 45; imgheight = 45;
icon = "&#8226;";

numposts = 10;
home_page = "http://en.vietwebguide.com/";

</script>
<script src="http://onlinebiztutorials.googlepages.com/recentpost2.js" type="text/javascript"></script>


5- Save changes.

Note -
The red color indicates you may specify/change/edit to your needs.
The green color is meant for the default images.
The blue color is for you to change to your own url.

The ‘Recent Posts’ area on the main page displays the next 10 (by default) latest posts (after the very latest one, in descending order). The end result is shown below:-


Recent Posts


This widget is brought to you by: VietWebguide.com

3 comments:

Hải Trung Kim said...

Hi Ismail!

Thank for help me published this widget. I hope it's useful for bloggers.

Now I'm writing the widget that you want: The most viewed posts widget. In the nextday, i will publich on my blog!

Have a nice day!

*Sorry if i made many errors in my English :D

Sweet said...

hi, I like this widget but I want it to have only images and to be horizontal not vertical.

I want to be able to put this script in footer.


Can you help me?

Thanks!

Is said...

Hi, thanks for your interest. I will review your request and will expect to respond to you in due course. TQ

Post a Comment

1. Comments posted must be accompanied by names or pseudonyms.
2. Anonymous posting and those containing profanities will be rejected.
3. Comments are moderated due to spam problems. I have to approve the comment before it will show up.

:)) ;)) ;;) :D ;) :p :(( :) :( :X
=(( :-o :-/ :-* :| 8-} :)] :-t b-( :-L