How to Add "About The Author" Under The Posts

About the author is a widget to show about the author profile. For the details, you can show the image below.
Now, if you want to add about the author under the posts, you can follow the steps below.

1. Log in to your blogger account
2. Go to Design --> Edit HTML
3. Check in the Expand Widget Templates box
4. Copy the code below, and paste above ]]></b:skin>
.authbio{
color: #555;
font-weight: normal;
font-size:0.9em;
background: #fff;
border: 3px groove #ccc;
width: 475px;
padding: 10px;
margin-bottom:20px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}

.authbio a{

text-decoration:underline;

}
img.alignleft {
float:left;
background-color: #c4e3e0;
border:5px solid #c4e3e0;
padding: 5px;

margin-left:5px;
margin-top:0px;
margin-bottom:25px;
margin-right:12px;

}
=> You can change the width of "About the Author"
5. After that, add the code below under <data:post.body/>
<div class='authbio'>
<div style='float: left;'>
<img alt='The author of Full Blog Tricks' src='http://i622.photobucket.com/albums/tt309/kokobota/kokogif.gif'/></div>
<h2><strong>About The Author:</strong></h2>
Naufal Aminur Rahman: I am just a simple blogger. I hope, Full Blog Tricks can helps many people or bloggers to modify their blog easily. If you like this blog, you can follow my blog. Thank for my loyal readers.</div>
=> You can change the text that you want to display
=> You can change the profile picture
6. Save it now!

Arsip Blog