Monday, April 7, 2014

Blogger Solution | How To Remove Your Author Profile On Your Blogspot Homepage

Disable Your Author Profile On Your Blogger Homepage
If you link your Google plus profile as contributor to your blogspot for authorship and you enable "Dashboard -> Layout -> Blog Posts -> Edit -> Show Author Profile Below Post" it will show up your Google plus profile on every page, by default blogspot will show up your author profile on your homepage for every post, see the picture on the left. When they visit your homepage they repeatedly see your author profile for each post. But how to remove your author profile on your blogspot homepage?

If you do not want to appear your author profile or Google plus profile to your blogspot homepage then follow this step by step instruction. But before we continue, you need to back up your template first. In case you make a mistake in editing your template you can revert it. to back up your template go to your blogger dashboard -> Template -> Backup/Restore -> Download full template and save it anywhere you want.

Here we go on how to disable your Author Profile on your blogspot homepage:
  1. Go to dashboard -> Template -> Edit HTML, click on Jump to widget -> Blog1. Left click inside the template box, using your keyboard just type CTRL+F and search the "data:post.authorAboutMe". see the picture below. 
    Disable Your Author Profile On Your Blogger Homepage
  2. You will see this code: 
  3. <b:if cond='data:post.authorAboutMe'>
            <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
              <b:if cond='data:post.authorPhoto.url'>
                <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
              </b:if>
              <div>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </div>
              <span itemprop='description'><data:post.authorAboutMe/></span>
            </div>
          </b:if>
    
    Disable Your Author Profile On Your Blogger Homepage
  4. Now  change it to the code below:  
  5. <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.authorAboutMe'>
            <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
              <b:if cond='data:post.authorPhoto.url'>
                <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
              </b:if>
              <div>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </div>
              <span itemprop='description'><data:post.authorAboutMe/></span>
            </div>
          </b:if>
    </b:if>
    
    Disable Your Author Profile On Your Blogger Homepage
  6. After you Edited just click Save template,  
    Disable Your Author Profile On Your Blogger Homepage
  7. Now visit your blogspot homepage if you successfully remove your author profile, 
    Disable Your Author Profile On Your Blogger Homepage
  8. Also check if your author profile is present on page post. 
    Disable Your Author Profile On Your Blogger Homepage
  9. Now you're done!!
Here are related Tutorial that may be of interest:
Related Posts with Thumbnails

No comments:

Post a Comment