Saturday, January 28, 2006

How to Get Your Blog Name to Link Back in Blogger

A while ago there was a post about using your blog header/name to link you back to home pages and it was discovered that blogger did not automatically create that function for you. No little white hand for us.

See Usability Pet Peeve

I finally had time to sit and play with blogger and there is an easy fix if this is what you want to do.

Treat it like a link. On the settings page where you blog's title would normally go, make it a link. For example (a href="http://yourblognamehere.blogspot.com")Your Blog Name Here(/a)
replacing the parens with carats, of course

You can also do something similar in your subtitle, where it will appear with an underline just inviting your reader to click.

I've just done this on my practice blog, but will probably fix up the ole Blog Appetit with this here fancy new cityslicker trick sometime soon.

The Joy of Blogger (The DIY blogging site) -- Can you teach a free program to do new tricks???

Let me know if you try it and if it works for you.

Faith

UPDATE: Please see Paul's comment below. His way is easier, neater and works great. Thanks!

4 comments:

paul said...

That would work, but it also makes the title (the name on the top frame of the browser, which is what shows up when people bookmark you) ugly because it will be surrounded by tags.

Just as easy a fix is to go to the template and remove the "ItemPage" tags from around the title. When you're done it should look like this:

<h1 id="blog-title">
<a href="<$BlogURL$>">
<$BlogTitle$>
</a>
</h1>

In my travels I see a lot of people leave out the last ' </a>' or nest it wrong (put the tag between another one before it's closed). This creates an annoying mouse over effect of underline every word in the rest of the blog in some browsers, so careful with your nesting.

Cyndi said...

Boy, you should have seen what happened when I didn't remove all four "ItemPage" tags--I removed only three. Luckily, blogger has that Preview function! I went back and saw the error, fixed it, and your suggestion works perfectly, Paul. Thanks!

Zoubida said...

Hello,
This is very interesting but I'm affraid I'm not savvy enough yet to just go and go it.
Is this my "ItemPage" tags?

(div class="post")(a name="($BlogItemNumber$)")(/a)
(BlogItemTitle)
(h3 class="post-title")
(BlogItemUrl)(a href="($BlogItemUrl$)" title="external link")(/BlogItemUrl)
($BlogItemTitle$)
(BlogItemUrl)(/a)(/BlogItemUrl)
(/h3)
(/BlogItemTitle)

If so, do I need to replace all this with what you suggest Paul?

Thank you so much for your help.

Paul said...

Replying really late -

No - that's your very important post stuff.

Look for (or search for "ItemPage" in the HTML