October 31, 2007

Check your backlinks with this free tool!

The number of backlinks (blogs and websites which feature a link back to your blog) can be a determining factor of your blog's popularity, and can also affect your Google PageRank. So here is a free tool you can use to discover how many backlinks your blog has, which also includes details of the PageRank from these links. You may be pleasantly surprised...

To use this tool, simply enter your full blog URL in the box below and click the "Check" button. The page will then update with listings of all the sites which link to your blog, including an accurate indication of their PageRank.

Your domain:
  (eg. www.bloggerbuster.com or yourblog.blogspot.com)
 

Powered by iWEBTOOL

If you find this tool useful, please consider subscribing to the Blogger Buster feed to receive updates of new tools, templates and tutorials.

October 30, 2007

My issues with the Blogger Nav-Bar

Although many Blogger's prefer to hide the nav-bar, I have kept mine in place for two main reasons:

  1. I blog about Blogger, and the nav-bar is a clear indication that my blogs are powered by Blogger.
  2. I find it very useful to have the "New post", "Customize" and "Dashboard" links available when editing my blogs.

Today I did a little experiment with the nav-bar, and now I'm seriously wondering whether this feature should be installed on any blog at all...

The Blogger nav-bar gives readers the option to view random blogs by clicking on the "next blog" link. In theory, this would be a great way to read the blogs of others, perhaps to discover a blogging treasure you may not otherwise have seen. So as a little experiment, I decided to flick through a few random blogs in this manner and greet some of the other bloggers I encountered.

However, I was rather disappointed (and somewhat shocked) to find that over half of the blogs I encountered were "adult" themed blogs. By this, I'm sure you'll understand the type of content I mean...

I consider myself to be open minded, and if people do want to publish adult content then that's up to them.

BUT:

  • Anyone above the age of thirteen can create a blog, and there are no age restrictions on who can read a blog. So what is there to protect children from seeing this type of content?
  • I don't want my blogs to be associated with spam/pornography! As I'm sure no other decent blogger does either!

Sure we can flag a blog to tell Blogger about the objectionable content we find, but what real difference will this make, unless Blogger can employ thousands to hunt down each and every splog to restrict the content?

Hide the nav-bar?

As I explained in this post, Blogger does not explicitly demand that its users retain the nav-bar. Indeed, when Ankit questioned the legality of hiding the Blogger nav-bar, he was told there there are no restrictions on doing this.

While I have the option of hiding the nav-bar, I wish there were no need to do this, as there are still benefits of using this. It would be far preferable if Blogger could offer the option not to include the "next blog" link, or provide optional restrictions of what can be accessed in the same manner as a Google "safe" search.

I would love to read your opinions on this issue, so please leave your comments below. For those of you who wish to restrict the content which can be accessed from your blogs, here is a working method to hide the Blogger nav-bar.

Technorati Tags: | | | | |

October 29, 2007

Another spooky template for Halloween

Here's another "spooky" Blogger template for you to download: "Lament", which is inspired by the infamous puzzle box of the Hellraiser series...

This one wasn't strictly designed as a "seasonal" template, as I prefer to create templates which could be used year round. Instead, Lament features an elegant, yet sinister theme, and also includes many of the new features I've been working on lately, such as the calendar widget and footer columns.

The "Lament" template features:

  • Web 2.0 style layout, with divided sidebar column and three footer columns for extra content
  • Customized header background
  • Favicon to match theme
  • "Post-options" and "Related posts" on post pages
  • Stylized calendar widget

You can take a look at the Lament Template demonstration blog to see this template in action.Please do take a look at the post pages to see how the post footer sections work too.

Download this template

You can download the XML file for this template below:

Download the "Lament" Template (Zip folder)

This download contains the XML file for you to upload to your blog, plus a help file and all images that are used in the template.

All images for this template are hosted by Blogger Buster, though if you prefer to have control over these images you can upload these to your own image host and edit the template accordingly.

Template code

Alternatively, you can copy the template code below and paste this into the Edit HTML area in your Blogger dashboard:

The calendar widget
This widget parses your date header to display the calendar icon. To ensure this works properly, you will need to change the settings for your date-header format in the Settings>Formatting section of your Blogger dashboard. The date header needs to be in yyyy-mm-dd format, like the example below: It is only necessary to change this one setting, then everything else in this template should work just fine!

Using this template

This template is free to use, and you may customize the template in any way you wish. However, I do ask that the author details remain in the template itself, and that you do not redistribute this template without a link back to Blogger Buster. A link back to Blogger Buster is always appreciated!

PageRank for Blogger Buster (Finally!)

Powered by  MyPagerank.NetIt seems that Google have finally updated PageRank, and I'm so happy to say that Blogger Buster now has a PageRank of 4! After my frustrations of having a zero rank for so many months this is such good news for me, and even more than I could have hoped for considering my site is still rather young.

Unfortunately though, it seems my happiness isn't shared by everyone. Last week, Blog Bloke reported strange goings-on with Google's PageRank system when his blog's ranking suddenly plummeted, then started to gradually increase. By the looks of things, a few of the major bloggers have noticed a drastic change in their PageRank, as can be read in Andy Beard's take on this.

As always, the secret to PageRank success is a closely guarded secret, so no-one really knows why certain sites have been "penalized" while others have gained from this recent change.

Rumors report that Google are updating the PageRank system, punishing those who use paid links, spam and generally bad content. But:

  • It has taken MONTHS for this latest PageRank update, which has punished new sites by only offering a PR of zero or "n/a" until this week!
  • Established and valued sites now have a reduced PageRank!
  • There is no consistency, or even an explanation from Google about what is now considered "bad" for PR status!
Where is the fairness in this, Google?

More and more people are becoming disillusioned by Google, and there is decreasing incentive for us to play by the rules. Yet when many services rely on a site's PR to determine their value, and when visitors use PR to decide if a blog is worth reading, is there a viable alternative?

Please do let me know how the recent PageRank changes have affected your own sites by leaving your comments and opinions below.

Technorati Tags: | | | |

October 28, 2007

Remove "nofollow" tags from your template to spread some link love

If you take a look at the source code for your blog, you'll probably see several references of the rel='nofollow' tag. This tag was originally created to prevent search engines from indexing links in order to reduce spam. However, this simply doesn't seem to work, even as a deterrent to would be spammers. Spam still exists, and if anything the problem of spam is worse than ever.

But the most annoying thing about the "nofollow" tag is this: it prevents legitimate, and helpful links from being indexed by three of the top search engines: Google, Yahoo and MSN. Rather than deter spammers, it's more of a deterrent to commenter's and those who would otherwise link back to your blog.

There is something we can do about this: remove the "nofollow" tags!

Why I have removed "nofollow" from my blog

After much consideration, I have now removed all instances of rel="nofollow" from my blog template. This means that your backlinks, and links in your comments will now be indexed by the three major search engines when they spider this blog.

I believe that it's only fair to reward those who provide useful and informative comments with a proper link back to their blog, and the same goes for those who link to my posts too! As Loren Baker rightly says:

Linking to someone with a NoFollow attribute is a sign of not trusting them. It’s like reaching to shake someone’s hand, but stopping to put on a pair of latex gloves.

At present, I'm not concerned that my DO-follow approach will make Blogger Buster a target for comment-spam: “Everyone who passes a human inspection should get the link love.” And if a comment appears to be spam? I always can always use the "delete" button to remove it! You can read my comments policy here.

How you can remove "nofollow" tags from your own Blogger template

This method works only for Blogger "layouts" blogs. At present, there is no way of removing "nofollow" from classic templates which are hosted by Blog*Spot (though if you are publishing by FTP, you may want to take a look at this very technical post).

As always, you should make a full backup of your template before making any modifications. To do this, go to Template>Edit HTML in your Blogger dashboard, and click on the "Download full template" link near the top of the page.

Next, open up your template in Edit HTML mode, and ensure you have checked the "expand widget templates" box. The code you need to find in your template is contained within the blog posts widget, and unless you tick this box you will be unable to find any instances of "nofollow" in your template!

Finally search for all instances of rel='nofollow' in your template. The easiest way to search for these is to use the search function in your browser (CTRL or CMD + F). In total there should be three instances of this tag, the first is in the backlinks section, which will look like this:
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
If you would like to remove the "nofollow" attribute for backlinks (links to your blog) you should remove the phrase highlighted in red.

The second and third instances of "nofollow" are located in the comments section, and should both look like the example below:

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
Again, you should remove only the phrase highlighted in red to remove this "nofollow" attribute from comment links in your blog.

Once you have removed the "nofollow" tags to your preferences (backlinks, comments or both), you can save your template and let your blog readers know about the changes you have made.

Let readers know about your Do-follow policy

Most "do-follow" bloggers feature a logo or comment policy in their sidebar to let readers know that their links will be followed. Randa Clay (one of the "poster children" for the Do-follow movement) created a set of badges you can add to your sidebar. Alternatively, she has provided CSS code which you can use to create a badge without the need for externally hosted images, as you can see here:

U COMMENT
I FOLLOW

Here is the code used for this CSS styled badge:

<div style="background-color: #FFFFFF; width: 123px; height: 52px;">
<div style="background-color: #FF9900; float: right; width: 118px; height: 20px; color: #000000; font: bold 15px arial; padding-top: 3px; margin: 2px 2px 0px 2px; text-align: center;">U COMMENT</div>
<div style="background-color: #000000; float: right; width: 118px; height: 20px; color: #FFFFFF; font: bold 15px arial; padding-top: 3px; margin: 2px; text-align: center;">I FOLLOW</div></div>

Things you should know about using "Do-Follow" in your Blogger blog

If you are considering joining the "Do-Follow" movement to allow comment links and backlinks to be indexed by search engines, there are a few things you should be aware of:

  • If your blog is "private", the rel=nofollow tags will still be generated, in order to ensure your blog is kept private!
  • We have no control over Blogger's comments pages, which will still include the rel="nofollow" tags, even if you remove these from your template entirely. However, comments which feature on your post pages will not have this tag in place, which is the most important thing!
  • When you post a comment while logged in to your Blogger/Google account, you will generate a link to your author profile, rather than your actual blog URL. Instead, you may prefer to choose "Other" for your comment identity, which will allow you to post your name and blog URL instead of a mere link back to your profile page.

    Only blogs which allow "anyone" to comment will have this feature enabled in the "post a comment" section. So you may wish to consider changing the comment settings for your blog if you do decide to adopt a Do-Follow policy.
  • Blogs which use Haloscan to display comments cannot remove the "nofollow" tags from their comments.
  • As far as I am aware, the "nofollow" tags cannot be removed from Classic Blogger templates, as the tag is generated by Blogger within the <$CommentAuthorName$> link, and is not available for removal by the blog's author.

    However, if you publish via FTP and have some technical knowledge, you may want to check out Ronnie Dodger's informative post.

Of course, the removal of the "nofollow" tag is not suitable for every blog, so you should think carefully before using the Do-Follow approach!

Please feel free to leave your comments and opinions below, especially as you now know that your comments will be followed!

Technorati Tags: | | |

October 27, 2007

"Halloween themed template" available

As it's Halloween just around the corner, I quickly whipped up a seasonal template for you to enjoy. The "Halloween Skulls" template (featured on the right) is the first of two spooky themed templates, which is available for download now. Read on for more information and to download this new template.

The "Halloween Skulls" template features:

  • Three column design
  • Sinister header and background image
  • Icons beside sidebar titles
  • Skull post dividers
  • Three columns in the post footer for extra content space (widget ready)
  • AddThis bookmarks at the end of each post, styled to match the theme of the template

This was quite a rushed template (as someone kindly reminded me that I ought to create a seasonal template), but I do have another in the pipeline which is based on Lemarchand's box (from the Hellraiser series of films) which will be a more colorful template if this is what you prefer.

You can preview this template in action on the "Halloween Skulls" demonstration blog.

Please use the link below to download this template in Zip file format. This file includes the XML file for you to upload to your blog, plus all of the images used in the blog in case you would like to host them on your own servers.

Download Halloween Skulls template here

All images used in this template are hosted by Blogger Buster in case you are unable (or prefer not) to upload these to your own hosting account.

Please let me know what you think of this template by leaving your comments and opinions below.

Technorati Tags: | | | |

October 26, 2007

Now we can subscribe to comments by email!

Blogger CommentsWhen you post a comment on a Blogger blog, you can now receive notification of follow-up comments by email! I was really happy to notice this today, as this means you don't have to revisit a blog (or subscribe to per-post comments in a feed reader) in order to know when a reply to your comment is posted.

When you leave a comment on a Blogger powered blog, you will be given the option to have replies sent to the email address associated with your Google/Blogger account, like this:

You'll be sent an email for each response on the post you have subscribed to, and can easily unsubscribe by using the "unsubscribe" link which is sent with each email. Alternatively, when you view the comments page while logged in to your Google account, you will see an "unsubscribe" tick box on the page which you could use instead.

Currently only those who have an active Google account are able to use this service, as replies to your comments are sent to the email address you registered when you created your Google account.

You can read more information about this new service in the Blogger Help pages.

Technorati Tags: | | |

Create navigation buttons to enhance your blog

Many blogs and websites feature "navigation button" links like a menu at the top of the page or beneath the header. This can be really helpful for readers to navigate to areas of interest in your blog, such as the home page, about page and contact links.

In this tutorial, I'll explain a very simple (but effective) method of creating such a "navigation buttons" for your own blog, which you can use to add easily accessible links to your post pages.

Here is an example of the buttons you can create using this tutorial (though the links in these buttons all point back to this page!):

HomeAboutContact

To create these buttons for your blog, we don't need to use any external images! With a little CSS styling, you can easily create navigation buttons which change color when your mouse hovers over them, making it easier to see that these are indeed clickable links. This style of button is helpful to your visitors and invites them to view the important pages you link to using these links.

There are two main steps to creating these buttons for your blog:

  1. Add some styling code to your blog's template
  2. Create a new HTML/Javascript widget, and create your links

You can use these links anywhere in your blog that you are able to place an HTML/Javascript widget, such as your sidebar, the header section, or above your blog posts.

Here are the steps in detail:

Add some code to the style section of your blog template

The "style" section of "layouts" blogs is contained between the <b:skin> and </b:skin> tags in your template. The simplest way to add extra styling code is to place this just after the closing </b:skin> tag (key CTRL+F to easily find this in your template).

The styling code used for the buttons featured above is as follows:

a.navigation {
background: #000000;
color: #ffffff;
margin: 1px;
padding: 5px 35px 5px 5px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #5d5d54;
text-decoration: none;
}

If you copy and paste this code just before the closing </b:skin> tag in your blog template, you will easily be able to create your navigation buttons. If you prefer, you can change the color of the backgrounds (highlighted in red) to colors which better suit your blog. You can easily find the hex values for the colors you need by using the Color Calculator in the tools section of this site.

You will notice that there are two statements in this styling: the first defines what the buttons will look like as they appear in your blog, while the second (hover) statement defines the background color of the button when you place your cursor over the button (the "mouseover" effect).

Create your links in an HTML/Javascript widget

Once you have added this style code to your template, you should save your template and go to the layouts section of your blog (Template>Layout). Here you should create a new HTML/Javascript widget where you would like your buttons to appear.

In this new widget, you should add your links in the following format:

<a class="navigation" href="http://your-link-url.blogspot.com">Your link</a>
<a class="navigation" href="http://your-link-url.blogspot.com">Your second link</a>
<a class="navigation" href="http://your-link-url.blogspot.com">Your third link</a>

Be sure to replace "http://your-link-url.blogspot.com" with the URL of the post page (or link) you would like the button to link to, and replace the link text (eg: Your Link) with the text you would like to display.

Once you have created your links (you can add as few or as many as you like), save your HTML/Javascript widget, and take a look at the effect in your blog.

How this works

The styling code we add to the template creates styling rules for "anchor links" which are given the class of "navigation". We can use different "classes" to create different effects for elements which appear in your blog layout; the class we give for the navigation links does not affect other links in your template, only those which have the class of "navigation".

With a few tweaks, you can change the style of these buttons to completely blend with the overall appearance of your blog template, and create attractive clickable buttons to your important pages which your visitors will love.

Technorati Tags: | | | | | |

Advertise on Blogger Buster

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

© Blogger Buster 2010 Home | About | Contact | Hire Me | Privacy Policy