Ubuntu / Linux news and application reviews.


I wrote a lot of Blogger (blogspot.com) gadgets and howto's and so i decided to make a list for easy access to all these tips & hacks. The list will be updated as i write more such articles. Some of them were previously written by other people but i customized and optimized them.


Blogger Tabbed Navigation (Menu) - you can see the tabs menu in the right side of my blog.

Blogger: Recent Posts Widget Using Ajax - again, you can see my recent posts widget in the right side of my blog - the first tab.

Send Trackbacks from Blogger (blogspot.com) - Blogger doesn't automatically send trackbacks, but you can do it using this hack.

Blogger: Publish Code in a Stylish Box with Scrollbars Using CSS - besides adding a CSS box to your Blogger posts, it comes with a Greasemonky script which will add a new button to your new post page for easy code insertion.

Post HTML / CSS / JavaScript (and other) Code As Plain Text In Blogger - This encodes the code in plain text so you can post it on your blog with the click of a button.

3 Alternatives to Blogger's Default Comment System - 3 ways to get comments with gravatars, multiple pages, threated comments, etc etc for Blogger.

Use Drop-down Menu For Blogger's Labels - blogspot.com labels are a real pain to display if you have a lot of them, so why not put them in a drop-down list using this Blogger hack?

Blogger - current date on every post, even if it's posted on the same day - by default, Blogger only display a day's date once on the main page so if you have more than 1 post in a day, the date will only be displayed once. Now you can change that using this howto.

Blogger (blogspot.com) SEO optimization - reverse your page name with blog name so that a post appears like: "post title ~ blog name" in search engines, and also add auto meta description and keywords, etc.

Related posts (articles) for Blogger - best way to display related posts for blogspot.com blogs under each post.

New Blogger templates broken comments - how to fix them - most blogger themes you install have the comment system broken. Read on about how to fix them.

See Detailed Stats About Your RSS Subscribers Using a Tracking Image in Your Feed - this one isn't necessary for Blogger but it includes detailed howto for blogspot.com

Customize Technorati Top Tags Cloud Widget - the same as above: it's not necessary for Blogger but it's a nice widget to add to your blogspot.com blog.

Post Views HitCounter Using an Image Counter - it shows a counter to each post, displaying the number of views for that post (so it displays individual stats for each post). (you can see one at the end of this post)

Update 30 March 2009:

Read More (Excerpts) on Blogger's Home Page - show only excerpts on Blogger's home page, label pages and searches, with a "Read More" at the end of the posts. Update: how to add selective "read more", meaning that the "read more" link will only show up on the posts you want too, not all.

Update 22 April 2009:

How to Make a Blogger Contact Page - add a contact form and delete some page elements such as comment box, tags and so on to make a post really look like a contact page.

Update 04 May 2009:

Implement AdSense Depening on Post Author for a Wordpress / Blogger (blogspot.com) Blog - show Adsense ads depending on the user who posted a certain post, using channels with no need of multiple Adsense accounts or manually adding the code for each post.

Update 05 May 2009:

Breadcrumbs for Blogger (blogspot.com) - two types of breadcrumbs: based on a post's category (looks like this: Browse » Home » Tutorials » Breadcrumbs for Blogger) and based on a post's date (looks like this: You are here: Home > Year > Month > Post Title)

Update 31 May 2009:

I forgot to add Smooth Multi Level Drop-Down Menu Using jQuery - The smooth multi level drop-down menu, called WH works on all browsers and you can see it on top of my blog (Software, Web, Mobile Phones, etc.).

Display Different Greet Message for Your Visitors Depending on their Referrer URL [Blogger Blogs]

Lightweight Image Viewer for Your Website: Shutter Reloaded - How to Implement It - You can see it in action on this blog when clicking an image (after the page completely loads).

jQuery: How to Add a Resize Text / Font Size Widget to Your Website - you can see it in the right side menu on this blog.

Add 'Recommend This Page' To Your Website

How to Import A Wordpress Blog into Blogger (blogspot.com)

Update 10 august 2009:

Free Web Contact Form Using Zoho Creator - A much better way to implement the contact form than Kontactr.

Blogger Syntax Highlighting

Automatic Post Summaries for Blogger, With Image Thumbnails - An alternative for the above 2 methods of using "Read more" for Blogger, this time with an image thumbnail and a Wordpress-like <!-- more --> tag.

How to Add Sexy Social Bookmarking To a Blogger Blog

How to Block (Ban) Users From Visiting Your Blogger Blog

How to Post Code with Syntax Highlighting On Your Website Without Installing A Plugin

Post to Twitter Button for Your Blog with Auto Url Shortening, Without Leaving the Website

How to Customize the New Blogger Tabbed Search

How to Redirect Your Blogger Blog to Another Domain Name (Including Individual Posts Redirect)

Display Different Greet Message for Your Visitors Depending on their Referrer URL

A lot more of these howto's are on the way so make sure you bookmark this page or subscribe to our RSS Feed ;)