Quick Answer: How to link Blogger author name to a custom page:
- Create a custom page and copy its URL.
- Go to Theme > Edit HTML.
- Search for the author tag: <a class='g-profile url' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
- Replace
expr:href='data:post.authorProfileUrl'withhref='YOUR_URL'. - Save your changes.
This is another useful post from the DiGiztal Blogspot Blogger Tips series.
By default, when a reader clicks on the author name, Blogger automatically redirects them to your generic Blogger Profile page.
If your author name appears at the top of your blog post (above the title), you can change this behavior by editing the entry meta section of your code.
Follow these steps to update your Blogger HTML template and redirect that link to a custom page instead:
How to redirect the author name link above the post title
Follow these steps to update your Blogger HTML template and redirect that specific link:
- Go to your Blogger Dashboard.
- Click Theme in the left sidebar.
- Click the down arrow next to CUSTOMIZE and select Edit HTML.
- Press Ctrl + F (Windows) or Cmd + F (Mac) to open the search box.
- Search for the specific meta container code:
<div class='entry-meta'> - Locate the anchor tag (<a>) inside that section that contains
expr:href='data:post.authorProfileUrl'.
Replace the default dynamic link code with your static custom URL as shown below:
<a class='g-profile url' href='https://yourblog.blogspot.com/p/about.html' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
Troubleshooting tip
CRITICAL STEP: When you paste your custom link, you must change expr:href to simply href.
If you leave "expr:" in the code, Blogger will try to read your URL as a variable and throw an error.
- Click the Save icon at the top right of the editor.
- View your live blog and click the author name to ensure it redirects to your new custom page.