Wednesday, April 25, 2007

Displaying Latest Comments As A Feed

The New Blogger has a simple way of adding snippets of your latest comments to your sidebar - it does by utilizing your comments feed.

To implement this go to your blogs 'Layout' which is accessible from your dashboard. Click on the Template Tab and then the 'Add New Page Element' tab. In the window that pops up choose to add add a new 'Feed' When prompted for the url enter the following address, changing the 'your-blog' part to the address of your blog :


When you are adding the page element you can choose how many comments you wish to display.

As an example, the address to add the latest comments snippets for this blog is:

Here is what this would look like on my blog:

However, when I was browsing the Beautiful Beta blog, I discovered yet another way they have found of improving the inbuilt method. As you can see from the image below, more detail is provided: post title, snippet of the comment and a read more link. I am using this method in my own sidebar.

Using this option requires you to edit your blogs template coding, so it is a little more complicated. The instructions and coding for you to cut and paste are to be found on the Beautiful Beta post New Recent Comments Hack.


Add Social Bookmarking To Posts

A good offering from Hans at Beautiful Beta - a clear way of adding social bookmarks to your post footer.

Take a look at my example at the bottom of this post. Hover over the bookmark image and the name of its site is revealed in the row above.

The coding and full instructions are given on the Beautiful Beta blog; a site I highly regard. Remember to consider the following when installing this code:

  • Please do take heed of the warning to back up your template first - it is very easy to make mistakes when editing the template coding.
  • You need to add two pieces of code:
    • step one - to the head section (between the <head> and </head> tags in your template.
    • step two - you will need to click on 'expand widgets' above the template edit window to find the code you have to replace.
Always take care with the overall look and performance of your blog when adding extra coding and images. Too many multi colored images on a page can detract from the look of a blog and distract attention away from your writing. Too many add ins and scripts can slow the loading of your page. Neither are good for maintaining or gaining readers. I have to be careful to follow my own advice in this regard as I am always keen to add new finds.


Monday, April 23, 2007

Blogger Smilies!

If you wish to use smilies in your blogs The Last Word has a script and a good explanation on implementing it at:Blogger Smilies!


Sunday, April 22, 2007

Add Digg button to Blogger or Blogspot

I won't describe how to include this in your posts because the article on the "Tips for New Beginners" Blog gives an excellent step by step explanation.

There are various different Digg images you can use for this which can be found at on the Digg site here.

You can find the tutorial here: Add Digg button to Blogger or Blogspot If you like the idea, click on the Digg button at the bottom of the tutorial, to show your appreciation.

You will find instructions on inserting the button in various positions in your post so choose the one that you prefer.

As I did not want the digg button myself at this stage - I did not want to have no diggs showing for all my posts - I did not use the coding here. What you see in this post is just an image link.


Tuesday, April 10, 2007

Show a post preview into home page with Google Blogger

Some clever coding from the Ajaxcold blog, which allows you to show only an introduction to your post; a read more link reveals the full post. As you can see I have used the coding in this post.

As you add some simple coding to posts you wish to display this way, it does not have to apply to all of your posts.
Clear instructions for adding the code to your template and post can be found here:


Saturday, April 07, 2007

Sueblimely Discovering - Blogging & Tagging: Creating Image Links

Creating Image Links:

Creating Image Links
Sunday, April 08, 2007
How to add an image link to your blog template:

You can see an example of what I mean by an image link on the right of this page -'the Sunshine on Fragile X Doris Buffet Challenge Image'.

An image link is an image that when clicked takes you to a web site - just like text links do. You place and the tags on each side of the image rather than text.

Below is the HTML code used to make an image called 'autism_awareness.jpg linkable to the site

Read More ...
Filed in:


Sunday, April 01, 2007

Adding Page Elements

New elements are added to your layout via the Template/Page Elements tab. Code can be either added manually or you can find many pre-made codes to just copy and paste.

As you can see from my sidebar, it is possible to add multiple instances of each type of page element to your blog. I have laid out the sidebar to show this by grouping the elements by type under each dark blue heading. For example there are eight html/javascript elements in the sidebar at the time of writing this.

As well as adding the elements to your side bar you can place them in the same column as your posts. For example, the top horizontal menu of this page is an html/javascript element.

Elements can be moved around in the Template/Page Elements section simply by dragging and dropping.

Blogger's layout help can be found here

Copy and paste widget sites:

Please let me know if you have any other favorite widget or pre-made code sites that I can add.