Search this blog:

How to insert your profile Bio below every post automatically

Web Design Generator
Once again, I’m in need of another thing: How to insert the author Bio on every Blogger post automatically. I think this is pretty important, because people need to know who they are talking to, it will bring you more prestige, more visitors, more fame, more cupcakes and swashpokles. People will start to refer to you as the guy from exampleblog dot com, they will talk about you, they will be your marketing, then other people will search your name at Google, or your blog’s name, in order to find you or your content, they will search you on Facebook too.
With more people, comes more comments, with more comments, comes more SEO, believing or not.
So make a great Bio text and find a cool image of your nose, because we are going to start now!



In your Template’s HTML, find:

]]></b:skin>

Then get the following code and paste it right before the previous code:

.author_info {

 width: 530px;

 padding: 10px 10px 10px;
 border: 0.153em solid #C58C4F;
 margin-bottom: 15px;
 margin-top: 15px;

background-image: url(http://imageshack.com/a/img547/7232/sm7h.jpg);
}
.author_info h3 {
 margin-bottom: 10px;
}
.author_photo {
 float: right;
 margin: 0 0 0 10px;
}
.author_photo img {
    width:120px;
 border: 1px solid #666;
float: right;
}

Search for:

<div class='post-body entry-content'>

Then search for:

<data:post.body/>

Finally paste this code after the previous code:

<!-- AUTHOR BIO -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='padding-left: 15px'> 

<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='http://2.bp.blogspot.com/-pwLjHgMjBwc/UlRuOH73oZI/AAAAAAAAAfA/cblMsprufiA/s220/me-blogger.jpg'/></div>
<h2>About Author:</h2>

<p>
Matheus is a Web Designer who decided to start a social network where users beyond talking, could also share Free Blogger Templates, the website <a href='http://akecheta.com' target='_blank'>http://akecheta.com</a>, nevertheless, it wasn&#39;t enough for him, so he decided to create the Akecheta Blog, where users can get tips and tricks on how to customize their blog layout and functionality.
<br style='clear:both;'/></p>

</div>

</div>
</b:if>

In the last code you’ll have to change the picture url and text to yours.
Thx for reading, please take 2 minutes of your time to comment, I’ll be happy to reply.

See you space cowboy.

author

About Author:

Matheus is a Web Designer who decided to start a social network where users beyond talking, could also share Free Blogger Templates, the website http://akecheta.com, nevertheless, it wasn't enough for him, so he decided to create the Akecheta Blog, where users can get tips and tricks on how to customize their blog layout and functionality.

1 comments:

  1. This comment has been removed by a blog administrator.

    ReplyDelete

Please leave a very helpful comment related to the article, and your comment will be approved whatever it has a link on it or not, because I know most people comment for spamming, so if you want to advertise your business, it's cool as long as you help me too.