Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Monday, December 6, 2010

Changing Blogger Title Link

Spoken by at 12:13 AM
In my previous post, I have showed you how you can change your Blogger header image's link. But in order to do this, you'd have to disable your blog's title. Some might not like the idea of having their titles removed just to make way for some links in their headers. Well, you don't have to remove your title to include a link in your header, as you already have your title linked. When you are not on your main page, your blog's title will be automatically linked, to itself of course. In this tutorial, you will learn how you can change this link to point elsewhere. And best of all, this link will appear on the main page itself. I have also added a quick step on how you can get your description linked as well.




Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Edit HTML - Back Up (Download Full Template) - Check the box next to 'Expand Widget Templates'

If you're using the new Blogger interface: Go to Dashboard - Template - Backup/Restore - Download Full Template - Close -  Edit HTML - Proceed - Check the box next to 'Expand Widget Templates'

Find for the following line:
<b:include name='title'/>
There will be three places where you'd see this line. You have to make adjustments to all three of them.

The original line in place (all three of them):




Step 2:

Change all three lines to:
<a expr:href='"http://www.southernspeakers.net"' target='_blank'><b:include name='title'/></a>
_
Change the URL to that of yours. Do the same for all three. If you don't want your link to open in a new tab, remove this tag from the line: target='_blank'
Modified line in place (all three of them):



Step 3:

Repeat the same step if you want your description to be linked as well. Find for the following line:
<b:include name='description'/>
Change it to the following:
<a expr:href='"http://www.southernspeakers.net"' target='_blank'><b:include name='description'/></a>
_
There are 4 lines for description wrapper in total (unlike title wrapper, which had only 3).

It's just a matter of adding the right link format to your title and description. Have fun!
Labels:

28 comments:

  1. Josh RedmanJanuary 26, 2011 at 6:34 AM

    I just tried to do the last bit without turning the blog title into a different link - it totally didn't work! ended up losing my blog title and description!

    ReplyDelete
  2. Josh RedmanJanuary 26, 2011 at 6:45 AM

    hi,

    I just wanted to add a link to my blog description rather than my blog title, so tried step 3 without doing the rest. It totally failed on me! And when I tried to download my saved template it crashed on me as well, so almost lost my blog in the end! It's back to normal now though.

    Maybe you should put a more explicit warning on this page to warn people like me?

    Is there a way of just linking the description instead of the title? If so, I'd love to hear how.

    ReplyDelete
  3. YoboyJanuary 26, 2011 at 11:18 PM

    @Josh Redman: If it doesn't work, you're totally doing something wrong. Clearly you're jumping between steps here, and you're not following my instructions as it were meant to be.

    In step 3, I asked you to 'repeat the same steps'. That means you have to execute step 1 first, in which I asked to back up your template in the very first line. Note that at this point, you've not tried anything suggested in this tutorial yet, so everything should be at its default settings. And if that crashed your machine, something is seriously wrong with your blog.

    This tutorial is not dangerous at all, and no warning is needed. Even if something goes bad, I've asked you to backup your template in the very first line, so nothing could go wrong, literally.

    And just for the record, it works. Try again and follow the instructions clearly as shown. I'll sum it up for you. Go to Dashboard - Design - Edit HTML - Backup - Check the box next to 'Expand Widget Templates'.

    Then find for this:
    <b:include name='description'/>

    Change it to (change the address in the code below as well):
    <a expr:href='"http://www.southernspeakers.net"' target='_blank'><b:include name='description'/></a>

    You have to do this four times as there are four <b:include name='description'/>'s in your template.

    And click here to see a live demo.

    And to play safe, I advise you to create a dummy blog and test all your tweaks there first before attempting on the real deal. It's not like it's dangerous to try this tutorial, just to play safe. Good luck this time.

    ReplyDelete
  4. RSoupJanuary 27, 2011 at 8:49 AM

    Hey Yoboy, so I tried this out (thanks for putting this up by the way ;D), but it didn't take.

    Can I put different address than the blog itself? One that isn't the homepage of that specific blog, but the homepage of the site. The blog (header link) that I'm trying to change is only for archiving, so we don't actually have any posts.

    You can view the blog I'm trying to change here: http://www.awardsandcontests.theluvnv.com and I wanted it to go to here: http://www.theluvnv.com

    As always, thanks ;) ~RSoup

    ReplyDelete
  5. YoboyJanuary 27, 2011 at 2:57 PM

    RSoup: You totally can. Just change this:
    <b:include name='title'/>

    To this:
    <a expr:href='"http://www.theluvnv.com"' target='_blank'><b:include name='title'/></a>

    You have to do this at three different places, it will work. Try it out and see how it goes.

    Regards.

    ReplyDelete
  6. UnknownMarch 3, 2011 at 5:28 AM

    I tried this out and it worked perfectly. Thanks so much for the help!

    ReplyDelete
  7. YoboyMarch 3, 2011 at 5:31 AM

    @Belle: Don't mention it. Have fun hangin' around.

    Cheers.

    ReplyDelete
  8. AnonymousJuly 9, 2011 at 5:09 PM

    Thank you for this! One tweak though - as it stands, it opens my blog again in a new tab. Anyway to make it reopen the front page on the same tab rather than open a new one?

    :) Thank you in advance!!

    ReplyDelete
  9. YoboyJuly 12, 2011 at 2:32 AM

    @YK: Sorry for my late reply. I have been away for a couple of days.

    And yes, there is a way to make your front page reopen on the same tab. In step 2 of this tutorial, remove the target='_blank' tag. It should look like this instead:

    <a expr:href='"http://www.southernspeakers.net"'><b:include name='title'/></a>

    That should do it. Cheers and God bless.

    ReplyDelete
  10. AnonymousDecember 24, 2011 at 2:59 AM

    Thank you for your help.

    All the best to you and your family for christmas holidays. :)

    ReplyDelete
  11. YoboyDecember 24, 2011 at 1:39 PM

    @Siegfried1155: Hey! Merry Christmas and Happy New Year to you too!

    ReplyDelete
  12. UnknownAugust 31, 2013 at 10:57 AM

    hi there. not sure if you're still accepting questions/comments here, but I do need some help.

    I've applied the above and my blog title still doesn't link to where I'd like it to. your steps were very straightforward, so I'm not sure what could have gone wrong. would you please take a quick look at my blog--i would really appreciate it!! www.studiesinstyle.com.

    I'm trying to get the blog title (and description) to link the the page that shows all of my posts, not my welcome page. Looking forward to hearing back!

    Thanks!
    Jen

    ReplyDelete
    Replies
    1. YoboySeptember 1, 2013 at 3:52 PM

      Hello Jen,

      I see you're using a dynamic view template. We cannot change the link in title for Dynamic View templates, unfortunately. The tweak in the post above is meant for non-dynamic templates.

      Delete
    2. UnknownSeptember 13, 2013 at 11:24 AM

      Darn! Well thank you anyhow :)

      I do have another question: How do I increase the amount of space above my header bar? I'd like for my blog title to fit centered and evenly above the bar with proper spacing.

      Thanks so much! You've been so helpful already :)

      Delete
    3. YoboySeptember 16, 2013 at 1:13 PM

      Hi Jen,

      We need to adjust the height of your header bar. Do you have a prefered height that you wanna use for your header?

      The code for this is a little complicated but here's the link if you wanna give it a try (just remove the line 24 in Step 3).
      http://www.southernspeakers.net/2011/10/add-header-in-blogger-dynamic-view.html

      The default code in the post above should set your header to 165px. Alternatively, you find this too complicated, just let me know the height that you'd like to use and I'll adjust the code accordingly.

      Cheers :)

      Delete
  13. UnknownSeptember 17, 2013 at 1:02 AM

    Excellent! I got it. Thanks so much. You're amazing :)

    ReplyDelete
  14. Rachel November 20, 2013 at 11:39 AM

    You are my HERO. Just thought you should know. =]

    ReplyDelete
  15. UnknownDecember 13, 2013 at 12:52 PM

    Hey Yoboy, I want my header to be a link back to the homepage, only when they are not already on homepage. So which one of them three should I change??

    ReplyDelete
    Replies
    1. YoboyDecember 15, 2013 at 1:23 PM

      Hi Deepak,

      This should be a default behaviour. When you are not on your homepage, your blog title will be automatically hyperlinked to point to your homepage.

      Delete
  16. jimysloanDecember 14, 2014 at 7:00 AM

    Hey I've only got two instances of
    so I changed them both like you say, but no change my header still routes back to itself,
    I'm using dynamic views

    ReplyDelete
    Replies
    1. YoboyDecember 18, 2014 at 7:43 AM

      Hello Jimy,

      This is not possible in a DV template.

      Delete
  17. jimysloanDecember 18, 2014 at 3:46 AM

    Sorry, Ignore my last comment. I'm pretty sure I've done this exactly. but I still can't get it. I've got four blogs now, which I'm trying to unite as one fairly seamless experience with the main page being jimysloan.blogspot.com. I think it's going well but I just can't get the other three to divert their title hyperlinks back to this one. The blogs in question are
    http://jimysloanblog.blogspot.ca
    http://jimysloanprints.blogspot.ca
    http://jimysloangallery.blogspot.ca

    I think you've given me a hand before and I need some again now. Thanks a lot!

    ReplyDelete
    Replies
    1. YoboyDecember 18, 2014 at 8:07 AM

      Hello Jimy,

      Any chance the last time around you worked on a non-DV template? Because there's no known way to change the link of the title in DV templates at the moment.

      Delete
  18. jimysloanDecember 18, 2014 at 10:53 AM

    Dawm, Well that answers my question. Thanks! Any change I could disable the title link altogether then? That'd be the next best solution I think.

    ReplyDelete
    Replies
    1. YoboyDecember 19, 2014 at 6:00 AM

      I can think of a way. See if this helps:

      .header-bar .title a{
      position: relative !important;
      z-index: -100 !important;
      }

      Delete
    2. jimysloanDecember 19, 2014 at 12:04 PM

      That is Perfect! DV with class, Yes.

      Delete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.

Subscribe to: Post Comments (Atom)