Recent Posts Widget for Blogger

Posted on
"Recent Posts" widget or gadget is very useful in a blog or site because as your reader or "stranger" browse an old post he/she will be aware of your latest/recent posts. It should appear always except in a static page, maybe.

As I searched for the best "Recent Posts" on the net, I have found three, well a convenient way.

Here are the three:

1. Installing your own Blog Feed
        In order to do this, you just need to install a  "Feed Gadget"
        Then just use this feed URL, either of them:

           Atom 1.0: http://blogname.blogspot.com/feeds/posts/default
           RSS 2.0: http://blogname.blogspot.com/feeds/posts/default?alt=rss

Although it's limited only in five titles, don't worry just use the second one instead.

2. Installing BuzzBoost
         You need to go to feedburner.google.com, just log-in your google account then follow this video tutorial:

3. Copy & Paste 
        Just add an "HTML/JavaScript" gadget then paste the code below.

<right><style>
img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:100px;height:100px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:13px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:13px;}
</style>
<script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right>
You can edit the BLUE and GREEN part, as you prefer.

Comments

  1. Anonymous8/03/2012

    certainly like your website however you need to test the spelling on several of your posts.

    Many of them are rife with spelling problems and I find it very troublesome to inform the truth however I'll surely come again again.
    My weblog more

    ReplyDelete

Post a Comment

Feel free to ask, suggest and comment regarding this post/blog. You can also contact me through e-mail, just always use the contact page. Thank you for visiting this blog.

Popular posts from this blog

Style Your Blog Posts Elements Separately

Posted on
An HTML element is everything from the start tag to the end tag. An HTML element starts with a start tag / opening tag An HTML element ends with an end tag / closing tag The element content is everything between the start and the end tag Some HTML elements have empty content Empty elements are closed in the start tag Most HTML elements can have attributes -W3schools In order to separately  style each HTML elements  in your blog posts, you need to define them by using their unique selector. Let's say for example, you want to style your blog post image. Define them by using this CSS selector; .post-body img{property:value;} You need to include .post-body then specify html tag, like the example above. This is because your blog post body is enclosed with <div class='post-body'>...</div> Therefore, in every element inside the posts body you need to include .post-body. In that case, other than your post body elements won't be aff...
Read more

Romantic Movies that involve Time Travel

Posted on Post a Comment
Image
Here are some romantic movies that involve time travel:   "About Time" (2013) - Tim Lake is a young man who discovers that he has the ability to travel through time. He uses this ability to find happiness and love, but eventually realizes that altering the past has consequences. He meets and falls in love with a young American woman named Mary, and learns that the best way to live a happy life is to accept and embrace the present. "The Lake House" (2006) - Doctor Kate Forster and architect Alex Wyler live two years apart but are able to communicate through letters left in a mailbox of a mysterious and isolated lake house. Despite the distance, they fall in love and try to find a way to be together. "Somewhere in Time" (1980) - Richard Collier is a successful playwright who becomes infatuated with a photograph of a young woman. He learns that the woman, named Elise McKenna, was a famous stage actress who lived in the year 1912. Determined to be with her, ...
Read more

Tips on Editing Blogger Template

Posted on Post a Comment
Image
I’m not talking about the pre-made template by blogger (eg. Simple, Picture Template) coz’ it can be customize easily. Let’s focus on the html part. Before touching your code, download you template first for the reason that if you messed up your code, you can easily turn it back like before. How to do it: From Dashboard or Home > Design > Edit HTML then follow this step.
Read more